DOM基礎(chǔ)整理 - 3

1 添加節(jié)點(HTML元素)

創(chuàng)建新的HTML元素時,必須先創(chuàng)建元素(元素節(jié)點),然后向一個已存在的元素追加該元素。For example:

這是一個段落。

這是另一個段落。

var para=document.createElement("p"); //代碼創(chuàng)建新的

元素:

var node=document.createTextNode("這是新段落。"); //創(chuàng)建了一個文本節(jié)點

para.appendChild(node);//向

元素追加這個文本節(jié)點

var element=document.getElementById("div1");//必須向一個已有的元素追加這個新元素,所以先找到一個已有的元素

element.appendChild(para);

2?刪除已有的HTML元素

如需刪除HTML元素,您必須首先獲得該元素的你元素,F(xiàn)or example:

//該HTML 文檔含有擁有兩個子節(jié)點(兩個

元素)的

元素

這是一個段落。

這是另一個段落。

var parent=document.getElementById("div1");//找到 id="div1" 的元素:

var child=document.getElementById("p1");//找到 id="p1" 的

元素:

parent.removeChild(child);//從父元素中刪除子元素

提示:如果能夠在不引用父元素的情況下刪除某個元素,就太好了。不過很遺憾。DOM 需要清楚您需要刪除的元素,以及它的父元素。

這是常用的解決方案:找到您希望刪除的子元素,然后使用其 parentNode 屬性來找到父元素:

var child = document.getElementById("p1");

child.parentNode.removeChild(child);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容