新增插入节点:

html
<div id="div1">div1</div> <div id="div2">div2</div> <p id="p2">这是 p2 标签</p> <script> const div1 = document.getElementById("div1"); const div2 = document.getElementById("div2"); // 新建节点 const p1 = document.createElement("p"); p1.innerHTML = "这是新的 p 标签"; // 插入节点 div1.appendChild(p1); // 移动节点 const p2 = document.getElementById("p2"); div2.appendChild(p2); </script>

获取子元素列表,获取父元素

js
// 获取父元素 console.log(p1.parentNode); // 获取子元素列表 console.log(div2.childNodes);

删除子元素

js
// 删除子元素 div2.removeChild(div2.childNodes[0]);
如果对你有用的话,可以打赏哦
打赏
ali pay
wechat pay

本文作者:叶继伟

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!