前端学习之解决offset属性在加边框和不加边框之后数值变化问题

继续之前的在慕课网的前端学习，现在学习到了《JS动画效果》,在此记一些笔记。

在js中有些样式的值不能直接的获取，比如，offsetWidth在你不加边框的时候，获取的是标签的宽度，而你给标签加上边框后，offsetWidth就把边框的长度加进去了，如果此时，你想获取去掉边框时的宽度，这个时候可以封装一个方法，通过系统的方法，获取想要的样式的值：

function getStyle(obj, attr){if(obj.currentStyle){  // IE浏览器return obj.currentStyle[attr];} else { // 火狐浏览器return getComputedStyle(obj,flase)[attr];}}

第一个参数就是你想获得的值所对应的标签

第二个参数就是你想获得的值类型，比如width，fontSize等

调用的时候很简单,例如下面的输出id为“div”的标签的字体大小

var d = document.getElementById("div");document.write(getStyle(d, 'fontSize'));

题外话：

js中将数字字符串转换成int型可以用parseInt（‘’）;进行转换