getElementsByTagName (W3C DOM 코어 메소드)

반환 Nodelist

예

위의 예는 현재 문서 내에서 p 요소의 모음에 대한 참조를 얻고이를 변수

단락

var paragraphs = document.getElementByTagName('p');

에 저장합니다. 반환 된 컬렉션은 live

이며, 이는 그것을 나타내는 HTML의 변경이 다시 검색하지 않고도 컬렉션에 즉시 반영됨을 의미합니다. 이 방법은 특정 요소 내부에있는 요소에 대한 참조를 얻기 위해 문맥 상에도 사용될 수 있습니다. 따라서이 예제에서 목록 가 ul 요소 인 경우 item 변수는 해당 목록 내부에있는 모든 Li 요소의 컬렉션을 나타냅니다. 요소는 문서에 나타나는 선형 순서로 검색됩니다. 그것들은 Dom의 평평한 견해에 해당합니다. 따라서 앞의 예에서 목록 이이 HTML에 해당하는 경우 :

.

반환 된 컬렉션은 다음 순서로됩니다.

[0] 치즈 [1] edam [2] Gouda

var items = list.getElementByTagName('li');

[3] 체다 [4] hams

[5] prosciutto [6] Parma [7] 살라미 인수 이름 (Domstring) 필수의 일치하는 요소의 태그 이름. 값 *은 모든 요소와 일치합니다.

설명 DOM 트리에 나타나는 선형 순서로 주어진 태그 이름,이 문서 또는 요소의 후손 인 모든 요소의 주문 된 목록을 가져옵니다. 반환 된 컬렉션은 노드리스트입니다. 순서대로 노드 모음은 0에서 시작하여 수치로 인덱싱됩니다. 일치하는 요소가 없다면 멤버가없는 컬렉션입니다. 컬렉션은 배열이 아닙니다

컬렉션은 배열처럼 보이지만 배열은 아닙니다. 배열을 반복하고 멤버를 배열처럼 언급 할 수는 있지만 푸시 또는 팝과 같은 배열 메소드를 사용할 수는 없습니다.

.

<ul>
  <li>Cheeses
    <ul>
      <li>Edam</li>
      <li>Gouda</li>
      <li>Cheddar</li>
    </ul>
  </li>
  <li>Hams
    <ul>
      <li>Prosciutto</li>
      <li>Parma</li>
      <li>Salami</li>
    </ul>
  </li>
</ul>

반환 값 일치하는 모든 요소를 ​​포함하는 노드리스트; 요소가 없으면 회원이없는 목록이됩니다. getElementsByTagName 메소드에 대한 자주 묻는 질문 (FAQ) javaScript의 getElementsByTagName 메소드는 무엇입니까?

getElementsByTagname 메소드는 태그 이름을 기반으로 HTML 요소에 액세스하고 조작 할 수있는 JavaScript의 강력한 도구입니다. 이 메소드는 주어진 태그 이름을 가진 요소의 라이브 htmlcollection을 반환합니다. 반환 된 컬렉션은 라이브이므로 DOM 트리와 동기화되도록 자동으로 업데이트됩니다. 따라서 DOM의 변경 사항은 컬렉션에 반영됩니다.

getElementsByTagName 메소드 방법이 다른 DOM 선택 방법과 어떻게 다릅니 까?
getElementById 또는 getElementsByClassName과 같은 방법과 달리 GetElementsByTagName은 단락 태그 또는 'div'에 대한 'P'와 같은 태그 이름을 기준으로 요소를 선택합니다. div 태그의 경우. 이것은 특정 ID 또는 클래스가있는 것보다 동일한 유형의 여러 요소를 선택하는 다재다능한 방법입니다.

문서 이외의 요소에서 getElementsByTagName을 사용할 수 있습니까? 당신은 할 수 있습니다. 문서 개체에서 getElementsByTagName을 사용하는 것이 일반적이지만 모든 요소 노드에서도 사용할 수도 있습니다. 이를 통해 문서의 특정 섹션으로 선택을 좁힐 수 있습니다.

getElementsByTagName이 반환 한 컬렉션에서 개별 요소에 어떻게 액세스 할 수 있습니까?
getElementsByTagName 메서드는 라이브 htmlCollection을 반환합니다. 배열과 같은 객체입니다. 배열과 마찬가지로 브래킷 표기법을 사용 하여이 컬렉션의 개별 요소에 액세스 할 수 있습니다. 예를 들어, 첫 번째 요소에 액세스하려면 컬렉션 [0]. 배열과 같으며 진정한 배열이 아닙니다. 즉, 푸시, 팝 또는 슬라이스와 같은 배열 메소드를 직접 사용할 수 없습니다. 그러나 배열 () 또는 스프레드 연산자 (…)를 사용하여 실제 배열로 변환 할 수 있습니다. 라이브 컬렉션은 DOM의 변화를 반영하도록 자동 업데이트를 의미합니다. 요소가 문서에서 추가되거나 제거되면 컬렉션은 이러한 요소를 포함하거나 제외하도록 업데이트됩니다.

XML 문서와 함께 getElementsByTagName을 사용할 수 있습니까? getElementsByTagName 메소드는 W3C DOM Core의 일부입니다. 이는 XML 문서를 포함하여 DOM을 사용하는 모든 문서에 적용 할 수 있음을 의미합니다.

html에서 getElementsByTagName 메소드에 어떤 영향을 미칩니 까? 문서, getElementsByTagName 메소드는 대체에 민감하지 않으므로 대문자를 사용하든 소문자를 사용하든 상관 없습니다. 그러나 XML 문서에서는 대소 문자에 민감합니다.

getElementsByTagName을 사용하여 특정 네임 스페이스에서 요소를 선택할 수 있습니까?

이를 위해서는 getElementsByTagnamens 메소드를 사용해야합니다. 네임 스페이스와 로컬 이름을 모두 지정합니다.
반환 된 요소를 어떻게 반복 할 수 있습니까? getElementsByTagName?
for loop 또는 for… of loop을 사용하여 요소를 루프 할 수 있습니다. 컬렉션이 실시간이므로 루프에서 요소를 추가하거나 제거하는 경우 예상치 못한 결과를 피하기 위해이를 고려해야 할 수도 있습니다.

.

위 내용은 getElementsByTagName (W3C DOM 코어 메소드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!