javascript - 使用 text-align justify 将所有类的 text-align 更改为 javascript 左侧

Question

我需要在移动设备上显示一些静态 HTML 内容。这些文件已经有了它们的 CSS 样式，以及许多类。

为了提高小屏幕上的可读性，我想将所有带有 text-align:justify 的类更改为 text-align:left。

我认为最合适的解决方案是修改 webViewDidFinishLoad 方法中的样式。我如何使用 Javascript 完成此操作？

提前致谢

Answer 1

这样解决:

var styleSheets = document.styleSheets;
for( i=0; i < styleSheets.length; i++ ){
    for( j=0; j < styleSheets[i].cssRules.length; j++){
        var rule = styleSheets[i].cssRules[j];            
        if(rule.style.textAlign=='justify'){
            rule.style.textAlign='left';
        }
    }
}

这可行，但我仍然对不使用 jQuery 的更优雅的解决方案感兴趣。