如果頁面中有兩個相同名字的標簽，例如div，childNodes這個屬性如何使用？頁面只能讀取第一個div的，第二個div的無法讀取。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</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;//代碼中的內容
分開寫是這樣的：
var y=document.getElementsByTagName("div"); ??//這里返回的是數組
?var x=y[0].childNodes; ? ?
你可以看見代碼中有兩個div標簽，而y[0-]就是取數組中第一個元素，也就是第一個div標簽
2016-04-11
原來是加了下標[0],沒有注意?？磥韈hildNodes這個屬性只能針對單獨的父標簽使用。