JavaScript 获取当前样式

sss

使用外部样式文件 1.css:

*{
    margin: 0;
    padding: 0;
}


.box{
    width: 320px;
    background: #f00;
    transform:translateX(30px);
}

JS 获取当前样式方法:

let getStyle = function(tag,prop){
    return tag.currentStyle? tag.currentStyle[prop] : getComputedStyle(tag)[prop] ;
};

let box = document.getElementById("box");
console.info( getStyle(box,"width"));   // 320px

 

你可能感兴趣的:(javascript)