Question

如何将div的属性传递给它自己的onclick函数？例如，我有这个div：

var join_button = document.createElement("div");
join_button.setAttribute("class", "join_button");
join_button.innerHTML = "join";
join_button.setAttribute("room_name", name);
join_button.setAttribute("onclick", "join_room()");

现在，在函数join_room()中，我需要知道此join_button的room name属性。当然，我的页面上不只有一个join_button，我不知道它是names，我需要处理所有这些。

如果我尝试使用this它会告诉我undefined is not a function

function join_room() { this.getAttribute("room_name"); }

undefined is not a function

Answer 1

您可以使用this来读取对象属性。

var join_room = function() {
    var room_name = this.getAttribute('room_name);
}

然后像这样设置onclick。

join_button.onclick = join_room;

JSFIDDLE

js onclick函数参数

1 个答案: