首页 > 代码库 > javascript 获取内联样式

javascript 获取内联样式

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="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: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 获取内联样式