您的位置:首页 > Web前端 > JavaScript

JavaScript修改CSS属性函数

2008-04-10 08:42 471 查看
使用JavaScript可以控制页面大小(见《JavaScript判断页面大小的函数》),如果需要根据页面大小来调整某个HTML标签的CSS的属性,比如高或者宽什么的,如果使用ID来控制也可以,戒烟如你觉得有点复杂了,从网上找了一个修改CSS属性的函数。

JavaScript代码

function changecss(theClass,element,value) {

var cssRules;

if (document.all) {

cssRules = 'rules';

}

else if (document.getElementById) {

cssRules = 'cssRules';

}

for (var S = 0; S < document.styleSheets.length; S++){

for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {

if (document.styleSheets[S][cssRules][R].selectorText == theClass) {

document.styleSheets[S][cssRules][R].style[element] = value;

}

}

}

}

  调用函数:changecss('.exampleA','color','red'),三个参数分别是CSS名称、属性名称、参数。需要注意的是如果需要修改的是类,即用class="ClassName"的,在CSS名称前需要加“.”(英文半角句号);如果需要修改的是ID,即用id="IDName"的,在CSS名称前需要加“#”。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: