首页 > 代码库 > javascript获取非行间样式的方法(可以兼容各个浏览器)
javascript获取非行间样式的方法(可以兼容各个浏览器)
实例:
HTML:
<div id=‘div1‘></div>
CSS:
#div1{width:200px; height:200px; background:red;}
//我们使用currentStyle和getComputedStyle来获取div元素的样式
//我们就单说一下getComputedStyle怎么使用吧!getComputedStyle有两个参数,其中第一个参数指的是你要获取哪个元素的样式,而第二个参数则是一个垃圾,你可以往里面放任何东西,包括你的名字都是可以的。如getComputedStyle(obj,null),或者getComputedStyle(obj,’gnn’),一般我们会把第二个参数设置成false。
function getStyle(obj,name){ if(obj.currentStyle){ //IE return obj.currentStyle[name]; }else{ //FF、Chrome return getComputedStyle(obj,false)[name]; } }; window.onload=function(){ var odiv=document.getElementById(‘div1‘); alert(getStyle(odiv,‘width‘));//获取到div宽
alert(getStyle(odiv,‘backgroundColor‘));//背景颜色获取div的
}
javascript获取非行间样式的方法(可以兼容各个浏览器)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。