JavaScript querySelectorAll 类名 innerHTML

Question

我有以下元素：

document.querySelectorAll('.apply-dealer-xyz').innerHTML = "Deselect";

<button class="btn cta-primary apply-dealer-xyz">Select</button>

但它不起作用。

有人猜猜吗？

另一个问题是在 jquery 中可以做这样的事情吗？ （伪）：

document.querySelectorAll('[classname*=apply-dealer]').innerHTML = "anything"

这将更改 class 名称中包含 apply-dealer 的每个元素？

谢谢，

Answer 1

document.querySelectorAll('.apply-dealer-xyz')[0].innerHTML = "Deselect";

Answer 2

您必须在 querySelectorAll 的第一个元素上使用 innerHTML，因为 querySelectorAll returns 数组

document.querySelectorAll('.apply-dealer-xyz')[0].innerHTML = "Deselect";

<button class="btn cta-primary apply-dealer-xyz">Select</button>