当前位置:Gxlcms > JavaScript > IE及firefox下获取及设置样式值的代码_javascript技巧

IE及firefox下获取及设置样式值的代码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:1人阅读

代码如下:

结果为object,说明style是存在的,只是其下的相应样式设置为空而已。
$('testContent').innerHTML='';
var str=$('div').style.styleFloat || $('div').style.cssFloat; //因为float是保留词,因此,不能再 style.float,而用ies:styleFloat , ff:cssFloat
str=str+($('div').style.width+'
');
str=str+($('div2').style.width+'
'); //这一段无法获取到内部样式,显示空值,但并不是说style不存在
str=str+($('div2').width+'
'); //返回undefined,因为没有为div2的dom设置width属性
str=str+getStyle($('div2'),'width'); //div2的样式是通过内部样式提供,因此通过currentStyle || getComputedStyle来获取
$('testContent').innerHTML=str;
}
$('btnUpdateClick').onclick=function()
{
//设置样式时,不管是内嵌、内部还是外部,反正这3种方式,都可以获取到style属性(对象)
//那就可以通过它为元素设置样式,设置样式的办法有以下3种
$('div').style.width='200px';
$('div2').style.width='100px';
$('div').style.cssText='background:blue;color:red;font-weight:bold;'; //将覆盖原来的定义,相当于定义 style="background:blue;font-size:red;font-weight:bold;"
$('div2').className='testClassName'; //相当于设置

}
//]]>


演示代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

人气教程排行