亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

急?。。?! 這里面子元素節點不應該有4個嗎?兩個li和兩個文本節點,為什么用for遍歷只顯示2個li

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>無標題文檔</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>


正在回答

5 回答

? 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

0 回復 有任何疑惑可以回復我~

otest 是<ul> ,它的子節點 為2個<li>,而<li>的子節點才是文本節點

1 回復 有任何疑惑可以回復我~

再一次測試, a的length為5..循環里也輸出了5個 兩個li ?三個 #text 文本節點

0 回復 有任何疑惑可以回復我~

<ul id="test">

<li>JavaScript</li>

<li>HTML</li>

</ul>?

改成這樣你再試試看 因為在同一行的話由于緊湊的排列并不會產生文本節點哦 醬紫

0 回復 有任何疑惑可以回復我~

var otest = document.getElementById("test");

var a=otest.childNodes; ??

otest 是 ul ? a是ul中的節點,不包括文本節點。所以長度為li的長度

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

急?。。?! 這里面子元素節點不應該有4個嗎?兩個li和兩個文本節點,為什么用for遍歷只顯示2個li

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號