javascript - 如何 document.querySelectorAll 内联 css 样式？

Question

我想找到所有包含 style="filter: blur(5px);" 的标签并删除样式以便我可以看到模糊的内容。我该怎么做？

我无法找出正确的 document.querySelectorAll 查询来找到所有这些标签。

不幸的是，这不起作用。

document.querySelectorAll('[style=filter: blur(5px)]')

编辑:谢谢大家。我缺少引号和分号。

document.querySelectorAll('[style="filter: blur(5px);"]').forEach((tag) => { tag.style = ""; })

Answer 1

如果属性值包含空格或其他特殊字符，则需要在属性值两边加上引号。

document.querySelectorAll('[style="filter: blur(5px)"]')

但是请注意，这是在寻找与整个 style 属性的完全匹配。如果它是 style="color: red; filter: blur(5px)"，它将不匹配。如果要匹配字符串是否出现在属性中的任何位置，则需要使用 *= 而不是 =:

document.querySelectorAll('[style*="filter: blur(5px)"]')