如果頁面中有兩個相同名字的標(biāo)簽,例如div,childNodes這個屬性如何使用?頁面只能讀取第一個div的,第二個div的無法讀取。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
<div>
? javascript
? <p>javascript</p>?
? <div>jQuery</div>?
? <h5>PHP</h5>
</div>
<div>
? 123
? <p>123</p>?
? <div>123</div>?
? <h5>123</h5>
</div>
<script type="text/javascript">
?var x = document.getElementsByTagName("div")[0].childNodes;
?for(var i=0;i<x.length;i++){
? ? ?document.write(x[i].nodeName+"<br/>");
? ? ?document.write(x[i].nodeValue+"<br/>");
? ? ?document.write(x[i].nodeType+"<br/>"+"<br/>");
? ? ?}
?document.write(x.length);
?
</script>
</body>
</html>
2016-04-24
var x = document.getElementsByTagName("div")[0].childNodes;//代碼中的內(nèi)容
分開寫是這樣的:
var y=document.getElementsByTagName("div"); ??//這里返回的是數(shù)組
?var x=y[0].childNodes; ? ?
你可以看見代碼中有兩個div標(biāo)簽,而y[0-]就是取數(shù)組中第一個元素,也就是第一個div標(biāo)簽
2016-04-11
原來是加了下標(biāo)[0],沒有注意??磥韈hildNodes這個屬性只能針對單獨(dú)的父標(biāo)簽使用。