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 好听的元旦简短祝福语