无法用JS更改按钮innerHTML [复制]

Question

这个问题在这里已有答案：

• How to use getElementsByClassName in javascript-function? [duplicate] 3回答
• What do querySelectorAll and getElementsBy* methods return? 9个答案

我找不到将字符串“FIND NOW”更改为其他内容的方法。我试了几个小时

<button type="submit" class="qbutton  default" style="">FIND NOW</button>

我试过这样的事情：

<script>
  document.getElementsbyClassName('.button.qbutton.default').innerHTML('change it!');
</script>

有人可以帮忙吗？

Answer 1

使用document.querySelector('button.qbutton.default')作为querySelector()将允许您根据选择器而不是元素列表选择特定元素。此外，您需要使用button作为选择器而不是.button并确保script位于body元素之后，以便首先正确呈现HTML。

document.querySelector('button.qbutton.default').innerHTML = 'change it!';

<button type="submit" class="qbutton  default" style="">FIND NOW</button>