在JavaScript中使用addEventListener时使用“ this.id”

Question

当我单击他时，我想获取在javascript中创建的元素的ID。

例如：

    var input_check  = document.createElement("INPUT");
    input_check.id = 1;
    input_check.type = "checkbox";
    input_check.addEventListener("click", test);


    //Come here when s1 click on the checkbox
    function test(id){
        console.log(id);
    }

显然，在此示例中，我无法打印“ ID”，因为我需要使用javascript这样的东西“生成”：

<input id="1" type="checkbox" onClick="test(this.id)">

在前面的示例中，我有这样的内容：

<input id="1" type="checkbox" onClick="test()">

Answer 1

准确地执行将onclick函数作为属性值编写时的操作。

input_check.addEventListener("click", function () {
    test(this.id);
});

或者只是编写test以期望首先被事件监听器调用：

input_check.addEventListener("click", test);
function test(event) {
    console.log(this.id);
}

Answer 2

要以HTML生成输入，必须将创建的输入添加到主体，如下所示：

document.body.appendChild(input_check);