继续之前的在慕课网的前端学习,现在学习到了《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(‘’);进行转换