尝试更改按钮的文本而不编辑html代码

Question

我尝试更改按钮的文字而不修改HTML代码，但它并没有真正起作用

以下是代码：

document.querySelector(".game-button").onClick = function knop(knop) {
    document.querySelector(".game-button").innerHTML = "Reset spel";
}

HTML：

<button class="game-button">Start spel</button>

Answer 1

如果我建议：

var gameButton = document.querySelector(".game-button")
gameButton.onclick = function() {
    gameButton.innerHTML = "Reset spel";
}

我已将游戏按钮放在变量中，因此只引用一次。 由于这是一个连接到onclick事件的函数，因此不需要命名该函数。此外，您没有传递或使用任何参数，因此无需在（）。

之间放置任何内容

Answer 2

试试这段代码

document.querySelector(".game-button").onClick = function knop() {
    this.innerHTML = "Reset spel";
}