Question

function(){
var btn=document.createElement("BUTTON");
var t=document.createTextNode("yes");
btn.appendChild(t);
document.body.appendChild(btn);

document.getElementById(btn).onclick = function() {next()};
}

我知道这是错误的，因为btn是变量名，而不是Id。有人可以帮我改变我的第6行代码，这样我可以在点击btn之后运行next（）函数吗？

**我需要在此函数中使用我的命令，并且不能在此函数之外创建id。

Answer 1

您已经有了对该元素的引用，因此请使用

function functionName() {

    var btn = document.createElement("button");
    var t   = document.createTextNode("yes");

    btn.appendChild(t);

    document.body.appendChild(btn);

    btn.addEventListener('click', next, false);

}

FIDDLE

Answer 2

您已在btn变量中添加了按钮参考，因此使用btn变量附加事件请参阅打击

function(){
var btn=document.createElement("BUTTON");
var t=document.createTextNode("yes");
btn.appendChild(t);
document.body.appendChild(btn);

btn.onclick = function() {next()};
}

Answer 3

btn 不是id，它是一个具有按钮对象引用的变量。

您可以将onclick事件直接添加到 btn 变量：

btn.onclick = next;

Javascript：如何在函数中通过变量名获取元素？

3 个答案: