無法在JavaScript中為已創建的DOM元素設置ID屬性

Question

我正在嘗試將ID設置為使用JavaScript創建的元素。 但是，當我運行代碼時，我收到以下錯誤消息：

未捕獲的TypeError：dwarfButton.setAttribute不是函數

我在這里做過研究，它幾乎說如果我想為我創建的一個元素添加一個ID屬性，我必須使用setAttribute("id", "whatever-else-here") ，但我得到了一個錯誤消息說明它不是一個函數？

$(document).ready(function() {
    game.start();
});

var 
game = {
    start: function() {
        logMessage("Welcome to the Arena!");
        logMessage("Select your Fighter.");
        var dwarfButton = chatbox.appendChild(document.createElement("button")).textContent = "DWARF";
        dwarfButton.setAttribute("id", "dwarf");
    },

Answer 1

你問題在於以下幾點：

var dwarfButton = chatbox.appendChild(document.createElement("button")).textContent = "DWARF";
dwarfButton.setAttribute("id", "dwarf");

你在這里有一些鏈接，但最終你將dwarfButton變量設置為字符串"DWARF" ，而不是你創建的DOM元素。

試試這個：

var dwarfButton = document.createElement("button");
dwarfButton.textContent = "DWARF";
dwarfButton.setAttribute("id", "dwarf");
chatbox.appendChild(dwarfButton);