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>