                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

哪里出錯了

otest.insertBefore(newnode,otest[i]); ? ?這句話錯了？

lpn121

2015-03-31

源自：JavaScript進階篇 9-13

關注問題我要回答

1084

操作

收起

3 回答

Crazy丶魂
2015-03-31

回復 lpn121：剛沒認真看，你代碼還是很有問題的
這么寫才是正確的
var otest = document.getElementsByTagName("ul")[0];
var newnode = document.createElement("li");
newnode.innerHTML="PHP";
for(var i=0;i<otest.childNodes.length;i++){
??? if(otest.childNodes[i].innerHTML=="HTML"){
?????? otest.insertBefore(newnode,otest.childNodes[i]);?????? ?
??? }else{
?????? document.write("no");
??? }
}

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

收起回答

Crazy丶魂

insertBefore() 方法是在指定的已有子節點之前插入新的子節點

2015-03-31 回復有任何疑惑可以回復我~

菜鳥起飛
2015-03-31

otest.insertBefore(newnode,otest[i]); ?改成otest[i].parentNode.insertBefore(newnode,otest[i]); ?

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

收起回答

lpn121 提問者

返回父節點

2015-04-01 回復有任何疑惑可以回復我~

Crazy丶魂
2015-03-31

var otest = document.getElementsByTagName("ul")[0].childNodes;

把后面的.childNodes去了，insertBefore你必須明確指出哪個節點，childNodes返回的是子節點NodeList

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

收起回答

lpn121 提問者

var a=document.getElementById("test"); a.insertBefore(newnode,otest[i]); 在for循環里面加多了這一句。是不是var otest = document.getElementsByTagName("ul")[0].childNodes; 之后otest變成了<ul>的子節點？

2015-03-31 回復有任何疑惑可以回復我~

Crazy丶魂回復 lpn121 提問者

是的，childNodes這個方法就是取的所有孩子節點

2015-03-31 回復有任何疑惑可以回復我~