我需要在移动设备上显示一些静态 HTML 内容。这些文件已经有了它们的 CSS 样式,以及许多类。
为了提高小屏幕上的可读性,我想将所有带有 text-align:justify 的类更改为 text-align:left。
我认为最合适的解决方案是修改 webViewDidFinishLoad
方法中的样式。我如何使用 Javascript 完成此操作?
提前致谢
最佳答案
这样解决:
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 的更优雅的解决方案感兴趣。
关于javascript - 使用 text-align justify 将所有类的 text-align 更改为 javascript 左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5018748/