新增插入节点：

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]);