您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“Javascript中怎么添加節(jié)點”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“Javascript中怎么添加節(jié)點”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
Javascript怎樣添加節(jié)點
Javascript提供了兩種添加節(jié)點的方法:
方法 說明
insertBefore() 在指定節(jié)點的前面插入新節(jié)點
appendChild() 在指定節(jié)點的最后插入新的子節(jié)點(原來的子節(jié)點不變)
insertBefore()
insertBefore() 方法可以在指定節(jié)點的前面插入新節(jié)點。
語法:
parentNode.insertBefore(newNode , thisNode)
參數(shù)/返回值說明:
參數(shù)/返回值 說明
parentNode 父節(jié)點
newNode 將要添加的新節(jié)點
thisNode 當前節(jié)點(指定節(jié)點)
返回值 插入成功返回 true ,失敗返回 false
例如,在 id="dome" 的節(jié)點前面添加節(jié)點的語句為:
Javascript怎樣添加節(jié)點
var ele_div=document.createElement("div");
var thisNode=document.getElementById("demo");
this.parentNode.insertBefore(ele_div , thisNode);
注意:insertBefore() 是當前節(jié)點的父節(jié)點的一個方法,添加節(jié)點時,不但要知道當前節(jié)點,還要知道當前節(jié)點的父節(jié)點。一般情況下,可以通過 thisNode.parentNode 來獲取父節(jié)點。
舉例,在指定節(jié)點前面不斷增加新節(jié)點:
div id="demo">
div id="thisNode">點擊這里添加新節(jié)點/div>
/div>
script type="text/javascript">
document.getElementById("thisNode").onclick=function(){
var ele_div=document.createElement("div");
var ele_text=document.createTextNode("這是新節(jié)點");
ele_div.appendChild(ele_text);
this.parentNode.insertBefore(ele_div , this);
}
/script>
讀到這里,這篇“Javascript中怎么添加節(jié)點”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。