Javascript 尝试在不编辑html代码的情况下更改按钮的文本

我试图在不编辑HTML代码的情况下更改按钮的文本，但它实际上不起作用

代码如下：

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

HTML:

Start spel

试试这段代码

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

请允许我建议：

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

我把gamebutton放在一个变量中，所以它只被引用一次。

---

由于这是一个连接到onclick事件的函数，因此不需要命名该函数。另外，您没有传递或使用任何参数，因此不需要在（）之间放置任何内容。

为什么不使用

addEventListener

，然后在其中使用

this.innerHTML

来更新所单击元素的HTML。它应该是

.onclick

，而不是

onclick

；-）同时也感谢addEventListener TipYes，在一个字符真正重要的地方编程。

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