原生js实现outerWidth()方法，用到getComputedStyle
Posted 灵剑丹心
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生js实现outerWidth()方法，用到getComputedStyle相关的知识，希望对你有一定的参考价值。
function getTrueStyle(obj,attr){
if(obj.currentStyle){ //ie
return obj.currentStyle[attr];
}
else{
return window.getComputedStyle(obj, null)[attr] || document.defaultView.getComputedStyle(obj,null)[attr];
}
}
var limarginLeft=parseInt(/\d+/.exec(getTrueStyle(firstli,"marginLeft")));//左margin var limarginRight=parseInt(/\d+/.exec(getTrueStyle(firstli,"marginRight")));//右margin var lirealwidth=limarginLeft+firstli.offsetWidth+limarginRight;//真实宽度
代码中的正则是用来取“10px”中的“10”
以上是关于原生js实现outerWidth()方法，用到getComputedStyle的主要内容，如果未能解决你的问题，请参考以下文章
jQuery—一些常见方法width(),innerWidth(),outerWidth()
js中clientWidth, scrollWidth, innerWidth, outerWidth和offsetWidth属性的区别