javascript getElementsByTagName

2170 단어 getElementsByTagName

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;
}
return elements;
};
지정 한 서명 이 있 는 대상 의 집합 을 되 돌려 줍 니 다.문법 document.getElementsByTagName(tagname)은 getElementsByTagName()방법 이 문서 에 있 는 순 서 를 되 돌려 주 는 것 을 설명 합 니 다.getElementsByTagName()방법 에 특수 문자열'*'를 전달 하면 문서 에 있 는 모든 요소 의 목록 을 되 돌려 줍 니 다.요소 배열 의 순 서 는 문서 에 있 는 순서 입 니 다.알림 과 설명 설명:getElementsByTagName()방법 에 전 달 된 문자열 은 대소 문 자 를 구분 하지 않 아 도 됩 니 다.인 스 턴 스 예 1
 
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />
</body>
</html>
예 2 는 getElement sByTagName()방법 으로 모든 종류의 HTML 요소 의 목록 을 가 져 올 수 있 습 니 다.예 를 들 어 아래 코드 는 문서 의 모든 표를 가 져 올 수 있 습 니 다.
 
var tables = document.getElementsByTagName("table");
alert ("This document contains " + tables.length + " tables");
예 3 문서 의 구 조 를 잘 알 고 있다 면 getElement sByTagName()방법 으로 문서 의 특정한 요 소 를 가 져 올 수 있 습 니 다.예 를 들 어 아래 코드 는 문서 의 네 번 째 단락 을 얻 을 수 있 습 니 다.var my Paragragh=document.getElement sByTagName("p")[3];그러나 특정한 요 소 를 조작 해 야 한다 면 getElement ById()방법 을 사용 하 는 것 이 더 효과 적 이 라 고 생각 합 니 다.

좋은 웹페이지 즐겨찾기