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 婶婶拜年祝福语大全简短