javascript - 为什么在 Div 中重复添加新元素时得到 `HierarchyRequestError`？

Question

考虑下面的代码。它第一次起作用，但在按下按钮后不起作用。我收到以下错误消息:

Uncaught HierarchyRequestError: Failed to execute 'appendChild' on 'Node': The new child element contains the parent.

function addElement() {
var txt='<input type="text" name="school[]"> '+
    '<input type="text" name="degree[]">'+
    '<input type="text" name="gradYear[]">';

    var ni = document.getElementById('school');
    ni.innerHTML = txt;
    ni.appendChild(ni);
}


<input type="button" name="add" value="Add School" onClick="addElement()">

<div id="school">

</div>

Answer 1

您正试图在自身内部附加一个元素。 JavaScript 不会让你这样做。