无法用JS更改按钮innerHTML

时间:2018-06-14 13:21:57

标签: javascript html

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

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

我试过这样的事情:

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

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

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

&#13;
&#13;
document.querySelector('button.qbutton.default').innerHTML = 'change it!';
&#13;
<button type="submit" class="qbutton  default" style="">FIND NOW</button>
&#13;
&#13;
&#13;