javascript - Javascript按值更改按钮文本

Question

也许我的谷歌搜索不正确，但我有一个简单的问题，我无法找到答案。我有一组带有特定文本的按钮。因为页面是动态的，取决于用户的选择，例如可能会剪切五个按钮。

<button>Cut</button>
<button>Copy</button>
<button>Speak</button>
<button>Fullscreen</button>

上面你可以看到一组，但可能有相同的按钮被复制了 10 次。我想通过获取它们的值来更改这些按钮的文本。例如：

获取所有带有文本的按钮"Cut"并将其值更改为"foo"

然后我想对其他按钮的其他文本做类似的事情。怎么做？

标签： javascripthtmlbutton

Answer 1

用于document.querySelectorAll选择所有按钮并使用循环遍历它们forEach。使用检查他们的文本textContent，如果它是Cut将其设置为foo

document.querySelectorAll('button').forEach((e)=>e.textContent=='Cut'?e.textContent="foo":false)

<button>Cut</button>
<button>Copy</button>
<button>Cut</button>
<button>Speak</button>
<button>Cut</button>
<button>Fullscreen</button>
<button>Cut</button>