webview 更改html的背景颜色 字体颜色 字体大小

一直在找如何更改html的背景颜色 字体颜色 一堆的转载 还不是自己想要的 自己动手玩玩了 希望能给有需要的朋友带来一点思路

比较常用的更改字体大小的用法

[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '125%'"];

以前学的js知识都还给老师了 只能去尝试着改 尝试了下更改body的background 为纯黑色

[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.background='#000000'"];成功了
外围的背景颜色是变成黑色了 但是里层的没有还是保持原色

使用下面的语句对content这个class背景颜色进行更改

[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByClassName('content')[0].style.background='#000000'"];
如有需要可根据个人情况对某个class进行单独的处理 如果要改的class过多的时候，建议还是直接去改css文件吧

下一步改字体

[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextFillColor= 'yellow'"];