chdyiboke / weekly

issue and share weekly
5 stars 1 forks source link

dom插入移动节点方法 #65

Open liukexina opened 3 years ago

liukexina commented 3 years ago

现代方法:

  1. node.append(...nodes or strings) — 在 node 末尾插入,
  2. node.prepend(...nodes or strings) — 在 node 开头插入,
  3. node.before(...nodes or strings) — 在 node 之前插入,
  4. node.after(...nodes or strings) — 在 node 之后插入,
  5. node.replaceWith(...nodes or strings) — 替换 node。
  6. node.remove() — 移除 node。

文本字符串被“作为文本”插入。

旧式方法:

  1. parent.appendChild(node)
  2. parent.insertBefore(node, nextSibling)
  3. parent.removeChild(node)
  4. parent.replaceChild(newElem, node)

这些方法都返回 node。

参考链接:https://zh.javascript.info/modifying-document