js onclick函數參數

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 ，我需要處理所有的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