急!?。?! 這里面子元素節(jié)點不應(yīng)該有4個嗎?兩個li和兩個文本節(jié)點,為什么用for遍歷只顯示2個li
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
<ul id="test"><li>JavaScript</li><li>HTML</li></ul>?
?
<script type="text/javascript">
? /*var otest = document.getElementById("test"); ?
? var newnode=document.createElement("li");
? newnode.innerHTML="php";
? otest.insertBefore(newnode,otest.childNodes[1]);
*/
? var otest = document.getElementById("test");
? var a=otest.childNodes;
? document.write(a.length+"<br/>");
? for(i=0;i<a.length;i++){
? document.write(a[i].nodeName+"<br/>");
??
? }
</script>?
</body>
</html>
2015-12-27
? var otest = document.getElementsByTagName("li")[0];
? var a=otest.childNodes;
? document.write(a.length+"<br/>");
? for(i=0;i<a.length;i++){
? document.write(a[i].nodeName+"<br/>");
??
? }
?最后顯示:1
#text
2015-12-27
otest 是<ul> ,它的子節(jié)點 為2個<li>,而<li>的子節(jié)點才是文本節(jié)點
2015-12-06
再一次測試, a的length為5..循環(huán)里也輸出了5個 兩個li ?三個 #text 文本節(jié)點
2015-12-05
<ul id="test">
<li>JavaScript</li>
<li>HTML</li>
</ul>?
改成這樣你再試試看 因為在同一行的話由于緊湊的排列并不會產(chǎn)生文本節(jié)點哦 醬紫
2015-12-05
var otest = document.getElementById("test");
var a=otest.childNodes; ??
otest 是 ul ? a是ul中的節(jié)點,不包括文本節(jié)點。所以長度為li的長度