|
|
1， 刪除節(jié)點(diǎn)。removeChild():
<body>
<div id="cssrain">
<div id="a">a </div>
<div id="b">b </div>
<div id="c">c </div>
</div>
</body>
<script>
var msg = document.getElementById("cssrain");
var b = document.getElementById("b");
msg.removeChild(b);
</script>
如果不知道要?jiǎng)h除的節(jié)點(diǎn)的父節(jié)點(diǎn)是什么？可以使用parentNode屬性。
比如：
<body>
<div id="cssrain">
<div id="a">a </div>
<div id="b">b </div>
<div id="c">c </div>
</div>
</body>
<script>
var b = document.getElementById("b");
var c = b.parentNode;
c.removeChild(b);
</script>
2， 替換節(jié)點(diǎn)。repalceChild()
element.repalceChild( newNode , oldNode ); // 新節(jié)點(diǎn)是客人，肯定先服務(wù)他咯。。oldNode必須是Element的一個(gè)子節(jié)點(diǎn)。
例子：
<body>
<div id="cssrain">
<div id="a">a </div>
<div id="b">b </div>
<div id="c">c </div>
</div>
</body>
<script>
var cssrain = document.getElementById("cssrain");
var msg = document.getElementById("b");
var para = document.createElement("p");
cssrain.replaceChild( para , msg );
</script>
3，查找節(jié)點(diǎn)
相對(duì)上面的方法，查找節(jié)點(diǎn)是比較簡(jiǎn)單的。
因?yàn)楹芏嗳硕加眠^(guò)。(記得我認(rèn)識(shí)js的第一句就是getElementById();)
getElementById();
返回一個(gè)對(duì)象， 對(duì)象擁有 nodeName , nodeType , parentNode , ChildNodes 等屬性。
getElementsByTagName() 查找標(biāo)簽名的所有元素。
返回一個(gè)集合，可以用循環(huán)取出每個(gè)對(duì)象，對(duì)象擁有 nodeName , nodeType , parentNode , ChildNodes 等屬性。
例子：
var ps = document.getElementsByTagName(“p”);
for(var i=0 ; i< ps.length ; i++){
ps[i].setAttribute(“title”,”hello”);
//也可以使用: ps.item(i).setAttribute("title","hello");
}
JavaScript技術(shù)：Javascript入門學(xué)習(xí)第七篇 js dom實(shí)例操作第1/2頁(yè)，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
