javascriptdom基本操作小結_javascript技巧

首先頁面上有這么些簡單的dom元素

　　aaaaaaaa
　　bbbbbbbb
　　ccccccccc

接下來我們創(chuàng)建一個div元素，js代碼：
var div_d = document.createElement('div');
div_d.innerHTML = "dddddddd";
div_d.id = "d";
//這里不用innerText為了避免瀏覽器兼容引發(fā)一些問題；
然后把創(chuàng)建的這個id為d 的div插到dom元素id為b的div的前面
var div_wrap = document.getElementById('wrap');
var div_b = document.getElementById('b');
div_wrap.insertBefore(div_d,div_b);
如果直接插到id為wrap的子元素后面則可以這樣：
div_wrap.insertBefore(div_d,null);

如果是替換掉div_b則如下：
div_wrap.replaceChild(div_d,div_b);
最后我們刪除指定的一個元素id為b的div
div_b.parentNode.removeChild(div_b);
或者
document.body.removeChild(div_b);
后續(xù)可能有很多衍生的方法及應用這里暫時不繼續(xù)寫下去了

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com