小編給大家分享一下JavaScript添加節點的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
JavaScript添加節點的方法：1、使用appendChild()，語法“父級節點.appendChild(要添加的節點)”；2、使用insertBefore()，語法“父級節點.insertBefore(要插入的節點,插入位置)”。
JS種添加節點一共有2種方法
1、appendChild()
把要添加的節點添加到指定父級里面的最后面，所以也叫追加
使用方式：父級節點.appendChild( 要添加的節點 )
代碼：
document.onclick = function(){
oDiv2.appendChild(oB2);//將b2追加到div2里面的最后面
}圖示：
2、insertBefore()
把要插入的節點添加到指定父級里面的指定節點之前
使用方式：父級節點.insertBefore( 要插入的節點，指定節點 )
JS代碼：（注：每執行一次新方法時，上一個方法都會被注釋掉，為了易懂，此處注釋一次，下面的文章中將不再把注釋上一個方法的代碼發上來）
document.onclick = function(){
//oDiv2.appendChild(oB2);此處將上一個方法注釋
oDiv2.insertBefore(oB2,oSpan2);//將b2插入到div2中的span2前面
}圖示：
所有瀏覽器都支持此方法，但是值得注意的是，如果第二個參數節點不存在，在IE和Safari下會把要添加的節點使用appendChild()方法追加到指定父級中，而其他主流瀏覽器（Firefox、Chrome、Opera等）下會報錯，所以在插入節點的時候，需要先判斷第二個參數節點是否存在
以上是“JavaScript添加節點的方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
