通过style属性设置和读取的都是内联样式 无法通过style读取样式表中的样式
element.style.width ="300px"; //返回元素的width
//因为不能使用 " - ",连字符形式font-size使用驼峰命名形式fontSize
element.style.fontSize
读取样式表样式 这两种方法只能读取, 修改用style修改
element.currentStyle.width //只支持IE8及以下浏览器 ,width 等返回的是默认值auto(没设置的情况下)
getComputedStyle(element,null).width //支持ie9以上和其他浏览器 , width等返回的是 实际的px值
//兼容方式
function getStyle(obj,name){
return window.getComputedStyle?getComputedStyle(obj , null)[name]:obj.currentStyle[name]
}
网友评论