Question

如何在JavaScript中为id提供onclick功能？例如：我的onclick函数是oclick="function('#id')"，我需要在div中进行操作。我的每个按钮都包含自己的id个。但是我无法弄清楚如何使用这个元素来生成使用JSON。

我更喜欢JavaScript rathar而不是jquery。

function myFunction(arr) {
    var out = "";
    var i;
    for(i = 0; i<arr.length; i++) {
        out += '<button onclick="function('#' + arr[i].ids + '')">' +
        arr[i].blaah + '</button><br>';
    }
    document.getElementById("id01").innerHTML = out;
}

Answer 1

简单的解决方案：使用此

function yourfunction(elem){
//elem contains the button
//you could do:
elem.style.display="none";
}

在你的html中：

<div onclick="yourfunction(this)">Button</div>

对于舒尔，这可以动态创建。如果你想保留你的代码，不要混淆“和'。 “'”例如：第二个“关闭第一个，即使theres打开了。”并且你不能命名一个函数函数。这是一个语法错误。执行此操作：

 "<button onclick=\'func('#elem')\' >test</button>";

Answer 2

你需要这样的东西吗？

＆＃13;

var arr = ["id1", "id2", "id3", "id4"]

function onClick() {
    alert("you clicked button with id: " + this.id);
}

function createButtons(arr) {
    var out = document.getElementById("out");
    for (var i = 0, l = arr.length; i < l; i++) {
        var node = document.createElement("button");
        node.id = arr[i];
        node.innerHTML = "button " + arr[i];
        node.addEventListener("click", onClick, false);
        out.appendChild(node);
    }
}

createButtons(arr);

＆＃13;

<div id="out">
</div>

＆＃13;

JSON - 如何在脚本中提供onclick元素？

2 个答案: