查找包含单词的所有类名，然后使用JavaScript编辑它们

Question

我想执行JavaScript，查找页面上包含类名中某些文本的所有元素并更改类名。

例如，假设我有以下元素:

<div class="blue selector">...</div>
<div class="green selector">...</div>
<div class="red selector">...</div>
<div class="button">...</div>

假设我要查找包含单词"selector"并将该元素的类名更改为"picker"，这样我就有了:

<div class="picker">...</div>
<div class="picker">...</div>
<div class="picker">...</div>
<div class="button">...</div>

我可以在页面上执行什么JavaScript来获得这个结果?

Answer 1

您可以使用子字符串匹配属性选择器并更改元素的类名。

document.querySelectorAll('div[class*="selector"]').forEach(node=> node.className = "picker");