新增插入节点:
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]);
本文作者:叶继伟
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!