javascript - 未找到错误: DOM Exception 8 on insertBefore in event listener

Question

我有以下代码:

HTML:

<div id="tree">
  <ul class="root">
    <li class="add">+</li>
  </ul>
</div>

JavaScript:

window.onload = () => {
  let root = document.getElementsByClassName("root")[0];
  root.addEventListener("click", (e) => {
    if (e.target.classList.contains("add")) addNode(e);
    return false;
  }, false);

  function addNode(e) {
    let item = document.createElement("li");
    item.innerHTML = "new";
    e.target.parentNode.insertBefore(e.target, item);
  }
};

当我单击 li 时，我在 insertBefore 行上收到错误 NotFoundError: DOM Exception 8: An attempts was made to reference a Node in a context where it does notise. 。我已经检查过 DevTools，一切似乎都是正常的节点，我不知道为什么它不起作用。

Answer 1

参数的顺序不正确。新节点必须首先被传递:

e.target.parentNode.insertBefore(item, e.target);

See the MDN documentation .