本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
方法:1、使用appendChild方法添加div,语法“节点对象.appendChild(div)”;2、使用removeChild方法删除div,语法“节点对象.removeChild(div)”。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
1.1 创建 DOM 元素以及相应的追加方式
1.1.1 创建:document.createElement('div');
添加: fatherEle.appendChild(ele);
appendChild 是将一个元素追加到另一个元素的最后, 不会覆盖父元素原有的内容。
1.1.2 拼接元素的字符串,利用父元素的innerHTML设置父元素的内容
父元素中的html内容为html字符串,回复该父元素原有的内容。
这种方法直接清空父元素中所有的元素。
1.1.3 insertBefore
此外还有document.write,但是此方法会覆盖页面所有的内容。(不建议使用)
1.2 删除dom元素
1.2.1 删除父元素下某个子元素:document.getElementById('fatherBox').removeChild(pEle[0]);
相关阅读 >>
更多相关阅读请进入《javascript》频道 >>

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