首页 > 代码库 > 获取DOM元素样式
获取DOM元素样式
1、obj.currentStyle.styleName 只兼容IE
2、getComputedStyle(obj, false).styleName 不兼容IE8
于是有了兼容性写法:
function getStyle(obj, sName){ return (obj.currentStyle || getComputedStyle(obj, false))[sName]; }
demo:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DEMO - Lik</title> <style> div{ width:100px; height:200px; background:blue; } </style> </head> <body> <div></div> <script> function getStyle(obj, sName){ return (obj.currentStyle || getComputedStyle(obj, false))[sName]; } var oDiv = document.getElementsByTagName(‘div‘)[0]; console.log(getStyle(oDiv, ‘width‘)); // 100px console.log(getStyle(oDiv, ‘height‘)); // 200px console.log(getStyle(oDiv, ‘background‘)); // rgb(0, 0, 255) none repeat scroll 0% 0% / auto padding-box border-box </script> </body> </html>
获取DOM元素样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。