我有这个代码:
const all = document.querySelectorAll('div');
let variable = 'fruits';
all.forEach((item) => {
if(item.classList.contains(variable)) {
item.style.backgroundColor = 'red';
}
});Run Code Online (Sandbox Code Playgroud)
<div class="fruits">
Fruits
</div>
<div class="fruits-green">
Green fruits
</div>Run Code Online (Sandbox Code Playgroud)
我想知道是否可以部分使用 classList.contains 和字符串/单词?
显然我想要实现的目标也是获得水果绿色风格,因为它包含水果绿色
我知道有 CSS 选择器,但考虑到我的fruits 变量会随着其他 JS 函数的变化而变化,我也希望它是普通的 JS。
非常感谢任何建议。谢谢!