JavaScript如何添加节点-木庄网络博客

2022-02-16 19:05:56 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

JavaScript添加节点的方法：1、使用appendChild()，语法“父级节点.appendChild(要添加的节点)”；2、使用insertBefore()，语法“父级节点.insertBefore(要插入的节点,插入位置)”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JS种添加节点一共有2种方法

1、appendChild()

把要添加的节点添加到指定父级里面的最后面，所以也叫追加

使用方式：父级节点.appendChild( 要添加的节点 )

代码：

document.onclick = function(){
    oDiv2.appendChild(oB2);//将b2追加到div2里面的最后面
}

图示：

$70088G1DGSO{OSB}E`_{8NW.png$

2、insertBefore()

把要插入的节点添加到指定父级里面的指定节点之前

使用方式：父级节点.insertBefore( 要插入的节点，指定节点 )

相关阅读 >>

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者