获取元素属性值,用getComputedStyle和currentStyle

在JS中,用 ele.style.attr 只能设置元素属性(有单位),不能获取。如果要获取需要用 getComputedStyle 和 currentStyle。

getComputerStyle使用于FF浏览器,currentStyle使用与IE浏览器。

代码示例:

HTML代码:

<div id="d1"></div>

CSS代码:

#d1{width:100px;}

JS代码:

function getStyle(ele){

        return ele.currentStyle?ele.currentStyle:window.getComputedStyle(ele,null);

}

var d1=document.getElementById("d1");

var wid=getStyle(d1).width;

console.log(wid);    //100px

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值