javascript getElementsByTagName_javascript 실행

코드 복사 코드는 다음과 같습니다.

function getElementsByTagName(node, tagName) {
var elements = [ ], i = 0, anyTag = tagName === "*", next = node.firstChild
while ((node ​​​​= next)) {
if (anyTag ? node.nodeType = == 1 : node .nodeName === tagName) elements[i ] = node
next = node.firstChild || node.nextSibling
while (!next && (node ​​​​= node.parentNode) ) next = node.nextSibling;
}
요소를 반환합니다.
구문
document.getElementsByTagName(tagname)

설명
getElementsByTagName() 메서드는 문서에 있는 순서대로 요소를 반환합니다. 특수 문자열 "*"를 getElementsByTagName() 메서드에 전달하면 문서의 모든 요소 목록이 반환되며, 요소가 정렬되는 순서는 문서에 있는 순서와 같습니다.
팁 및 참고 사항 참고: getElementsByTagName() 메서드에 전달된 문자열은 대소문자를 구분할 수 있습니다.
예제
예제 1




코드 복사


코드는 다음과 같습니다.

type=" text" size="20" />


🎜>< ;input name="myInput" type="text" size="20" />



value="입력 요소는 몇 개입니까?" />



> 사용할 수 있습니다. getElementsByTagName() 메소드는 모든 유형의 HTML 요소 목록을 가져옵니다. 예를 들어 다음 코드는 문서의 모든 테이블을 가져올 수 있습니다.




코드 복사


코드는 다음과 같습니다.

var tables = document.getElementsByTagName("table");
alert("이 문서에는 " tables.length " 테이블이 포함되어 있습니다.")

예 3 문서 구조를 잘 알고 있다면 getElementsByTagName() 메서드를 사용하여 문서의 특정 요소를 가져올 수도 있습니다. 예를 들어, 다음 코드는 문서의 네 번째 단락을 가져올 수 있습니다. var myParagragh = document.getElementsByTagName("p")[3]그러나 우리는 여전히 특정 항목에 대해 작업을 수행해야 하는 경우를 생각합니다. 요소의 경우 getElementById() 메서드를 사용하는 것이 더 효율적입니다.