本文實例講述了js獲取內聯樣式的方法。分享給大家供大家參考。具體實現方法如下：
<style>
#box{
width:100px;
height:100px;
background-image:url(1.jpg);
background-size:140% 140%;
background-repeat:no-repeat;
border:20px solid rgba(0,0,0,.3);
background-clip:border-box;
background-position:-20px -20px;
}
</style>
<body>
<div id="box"></div>
</body>
</html>
<script>
//獲取內聯樣式元素
function getStyle( obj , attr )
{
if ( window.getComputedStyle ) {
return getComputedStyle( obj , null )[attr];
}else{
return obj.currentStyle[attr];
}
}
//獲取對象
function $(id){
return document.getElementById(id);
}
var box = $('box');
//打印樣式
alert(getStyle(box , 'background-position'));
</script>
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
