1 添加節(jié)點(diǎn)(HTML元素)
創(chuàng)建新的HTML元素時(shí)跪者,必須先創(chuàng)建元素(元素節(jié)點(diǎn))削锰,然后向一個(gè)已存在的元素追加該元素。For example:
這是一個(gè)段落儡首。
這是另一個(gè)段落片任。
var para=document.createElement("p"); //代碼創(chuàng)建新的
元素:
var node=document.createTextNode("這是新段落。"); //創(chuàng)建了一個(gè)文本節(jié)點(diǎn)
para.appendChild(node);//向
元素追加這個(gè)文本節(jié)點(diǎn)
var element=document.getElementById("div1");//必須向一個(gè)已有的元素追加這個(gè)新元素蔬胯,所以先找到一個(gè)已有的元素
element.appendChild(para);
2?刪除已有的HTML元素
如需刪除HTML元素,您必須首先獲得該元素的你元素对供,F(xiàn)or example:
元素)的
這是一個(gè)段落。
這是另一個(gè)段落氛濒。
var parent=document.getElementById("div1");//找到 id="div1" 的元素:
var child=document.getElementById("p1");//找到 id="p1" 的
元素:
parent.removeChild(child);//從父元素中刪除子元素
提示:如果能夠在不引用父元素的情況下刪除某個(gè)元素产场,就太好了。不過很遺憾舞竿。DOM 需要清楚您需要?jiǎng)h除的元素京景,以及它的父元素。
這是常用的解決方案:找到您希望刪除的子元素骗奖,然后使用其 parentNode 屬性來找到父元素:
var child = document.getElementById("p1");
child.parentNode.removeChild(child);