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名称前需要加“#”。
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名称前需要加“#”。
相关文章推荐
- 用JavaScript修改CSS属性
- javascript修改css属性
- 用JavaScript修改CSS属性的代码
- JavaScript修改CSS属性的实例代码
- 用JavaScript修改CSS属性
- 用JavaScript修改CSS属性的代码
- 用JavaScript修改CSS属性
- 用JavaScript修改CSS属性
- 用JavaScript修改CSS属性的代码
- 用JavaScript修改CSS属性
- 用JavaScript修改CSS属性的代码
- js修改CSS样式表代码_JavaScript CSS Style属性对照表
- 用JavaScript修改CSS属性
- JavaScript中的CSS属性对照表
- javascript中经常用到的一些css属性
- 浅析JavaScript中的CSS属性及命名规范
- javascript 中的 prototype和constructor属性的使用(constructor属性始终指向创建当前对象的构造函数,每个函数都有一个默认的属性prototype,而这个prototype的constructor默认指向这个函数)
- JavaScript判断变量类型:typeof函数与constructor属性异同
- JavaScript事件属性绑定带参数的函数
- 请编写一个JavaScript 函数toRGB,它的作用是转换CSS中常用的颜色编码