熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js原生appendChild的bug解決心得分享

2013-11-15 11:55:06  來源: JSP教程 

  appendChild 主要是用來追加節點 插入到最後

復制代碼 代碼如下:
windowonload = function(){
var ul = documentgetElementById(ul);
var oli = documentgetElementsByTagName(li);
for(var i=;i<olilength;i++){
ulappendChild(oli[i]);
}
}
<h>講Id為ul的內容插入到ul裡面</h>
<ul id="ul">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul id="ul">
</ul>

  
把ul內容插入到ul裡面這個其實是搬家而不是復制 這個要切記
可以查看一下效果
為什麼會出現這樣的效果 是因為 循環的時候 由於不停的搬家 導致length 在改變 如果用for的話 這樣開始的length 已經被固定啦 所以出現問題所以說要改成

復制代碼 代碼如下:
while(olilength){
ulappendChild(oli[]);
}

  
這樣的都是插入第一條 所以就成功啦 大家可以試試


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19882.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.