Javascript:DIV AppendChild

Javascript:DIV AppendChild

本文关键字：AppendChild DIV Javascript      更新时间：2023-09-26

在下面的代码中，"objTo"是一个div，我需要在其中插入多个div。当我第一次使用代码时，它可以工作，但下次它会覆盖现有代码。

     <script>
var divtest= document.createElement("div");        
divtest.innerHTML = "<div>new div</div>"         
objTo.appendChild(divtest)
    </script>

我哪里出错了？

我为您制作了一个非常简单的工作版本：

http://jsfiddle.net/hQKy9/

多次点击一直有效：

脚本 

function addDiv() {
    var objTo = document.getElementById('container');
    var divtest = document.createElement("div");
    divtest.innerHTML = "new div";
    objTo.appendChild(divtest);
}

目录

<div id="container"></div>
<input type="button" onclick="addDiv();" value="Click here to add div"/>

即使通过马克之前也给了 ans我发现我们可以做更多的事情，就像我所做的那样添加 ID/类和 CSS

const newChild = document.createElement('div');
newChild.id = 'newly_content';
newChild.innerHTML = `
    <p style="font-size: 30px;padding: 200px 0px 10px 0px;">
        A new content has been created!
    </p>
`;
document.getElementById('ItemID').appendChild(newChild);
相关文章：