js获取内联样式的方法
本文实例讲述了js获取内联样式的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <title>javascript获取内联样式</title> </head>
<style> #box{ width:100px; height:100px; background-image:url(1.jpg); background-size:140%140%; background-repeat:no-repeat; border:20pxsolidrgba(0,0,0,.3); background-clip:border-box; background-position:-20px-20px; } </style> <body> <divid="box"></div> </body> </html> <script> //获取内联样式元素 functiongetStyle(obj,attr) { if(window.getComputedStyle){ returngetComputedStyle(obj,null)[attr]; }else{ returnobj.currentStyle[attr]; } } //获取对象 function$(id){ returndocument.getElementById(id); } varbox=$('box');
//打印样式 alert(getStyle(box,'background-position')); </script>
热门推荐
10 五一公司放假祝福语简短
11 追星女孩的祝福语简短
12 给长辈端午祝福语 简短
13 生日祝福语有诗意简短
14 团圆日祝福语简短
15 中秋商务祝福语简短最新
16 温暖文艺简短祝福语短句
17 男孩上学祝福语简短的
18 入住酒店文案祝福语简短