首页 > Web开发 > 详细

js如何获取样式?

时间:2017-07-03 11:13:41      阅读:340      评论:0      收藏:0      [点我收藏+]

     在某个项目中,我们经常会需要来获取某个元素的样式,比如说获取一个div的color;这样,新的问出现了,

    var style = box.style.width;console.log(style);如果我们写的是行内的样式,可以轻松通过这种方式来获得所需要的样式,不过,如果我们的样式是内联或者外联样式,就取不到了;

 

<script type="text/javascript">
window.onload=function(){
//获取行间样式
var oDiv=document.getElementById("Div");
alert(oDiv.style.background);

//获取非行间样式 方法,currentStyle是IE中的属性,getComputedStyle是其他浏览器的方法(注意其有两个参数);在非行间样式中,style属性只能去赋值,在行间样式中才能去获取样式;
function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return window.getComputedStyle(obj,false)[attr];
}
}
alert(getStyle(oDiv2,"background")) ;
}

</script>

 

js如何获取样式?

原文:http://www.cnblogs.com/donghb/p/7109574.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!