Javascript 未捕获的typeerror对象没有方法'；插入后'；

当我单击按钮时，我试图在

div

元素中添加按钮。 以下

JS

code：

function doThis(){
    var btn= document.createElement("input");
    btn.type="submit";
    btn.value="button";
    var child=document.getElementById("child");
    var submit=document.getElementById("submit");
    child.insertAfter(btn, submit);
}

和

html

标记：

<div id="parent" class="parent">
    <div id="child" class="child">
        <input type="text" class="text"/>
        <input id="submit" type="submit" onclick="doThis()"/>
    </div>
<div>

---

在控制台中，我收到错误消息：

uncaughttypeerror:Object#没有方法insertafter

。如何修复此问题？

没有insertAfter，请改用insertBefore

 submit.parentNode.insertBefore(btn, submit.nextSibling);

如果submit是最后一个子节点，则submit.nextSibling为null，insertBefore将仅将其附加到parentNode

---

您可以使用

child.appendChild（btn）