我想编写一个小书签来纠正其他人页面上的文本样式。特别是,我想找到任何带有“text-align:justify”的元素并将它们更改为“text-align:left”。但我不确定如何找到这些元素。因为这是一个可在任意网页上使用的书签,所以我宁愿不依赖任何 Javascript 库(jQuery 等)来提供帮助。
最佳答案
这会找到所有具有 text-align: justify
的元素,并将边框设置为红色。这应该足以帮助您入门。 注意:这不是很有效,但是对于您的请求没有一个好的有效解决方案。为了提高性能,请尝试仅搜索相关标签。 (也许你只需要检查 Ps 和 DIV?)
// Get all elements
var els = document.getElementsByTagName('*');
// Search for style: text-align = justify.
for(var i = 0, el; el = els[i]; i++) {
if(getComputedStyle(el).textAlign == 'justify') {
el.style.border = '1px solid #f00';
}
}
关于javascript - 如何在没有 JS 库的情况下查找具有特定 CSS 样式的所有元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12450820/