Question

我在Stackoverflow上查看this question。接受的答案附有一个小提琴。我尝试通过将按钮“type”更改为按钮标签稍微调整一下代码，然后想出了这个小提琴。但我不知道为什么这不起作用。谁能指出我哪里出错？

HTML

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

脚本

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

我的版本：https://jsfiddle.net/Miraj50/gdjpbewx/1/

HTML

<button class="but">hello</button>
<div id="container"></div>

脚本

var adddiv = document.querySelector('.but');
adddiv.addEventListener('click',addDiv);

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

Answer 1

将你的代码包装在window.onload中，如下所示：

这将允许加载项目，之后您可以绑定您的活动。

window.onload = function() {

var adddiv = document.querySelector('.but');
adddiv.addEventListener('click',addDiv);

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

}

从输入（类型“按钮”）更改为按钮标记不起作用

1 个答案: