JavaScript中dom有节点构成,节点的操作推动着dom功能的发挥。想要对dom添加或删除节点,首先要先创建节点,使用appendChild()方法添加节点,使用removeChid()方法删除节点。
1、创建节点
createDocumentFragment() // 创建一个DOM片段 createElement() // 创建一个具体的元素 createTextNode() // 创建一个文本节点
2、添加节点:appendChild()方法
该方法添加的元素位于父元素的末尾。
var ele = document.getElementById("my_div"); var oldEle = document.createElement("p"); var newEle=document.createElement("div"); ele.appendChild(oldEle);
3、删除节点:removeChid()方法
用父节点删除子节点。必须要指定是删除哪个子节点。
const ulNode = document.querySelectorAll('.list')[0], liNodes = document.querySelectorAll('.item'); ulNode.removeChild(liNodes[1]);
以上就是就是JavaScript中dom添加和删除节点的方法和具体代码示例,希望能帮到你哦~更多JavaScript学习推荐:JavaScript教程。
神龙|纯净稳定代理IP免费测试>>>>>>>>天启|企业级代理IP免费测试>>>>>>>>IPIPGO|全球住宅代理IP免费测试