欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

如何使用CSS为页面上所有的标签批量设置样式?

最编程 2024-08-10 11:35:53
...

找到页面上所有的img标签
      document.images  用来获取对应页面上的img标签。

批量修改样式
     element.cssText   减少页面的reflow 

兼容IE 6 7 8 的设置样式

function setStyle(el, strCss){ 参数 : el 设置样式的元素 strCss 样组成的字符串
function endsWith(str, suffix) {
var l = str.length - suffix.length;
return l >= 0 && str.indexOf(suffix, l) == l;
}
var sty = el.style,
cssText = sty.cssText;
if(!endsWith(cssText, ';')){
cssText += ';';
}
sty.cssText = cssText + strCss;
}

document.links : 所有a标签元素
document.forms : 所有表单
document.forms[0].elements : 页面上第一个表单中的所有域