javascript: uzyskać css wartość prop z jednostką

Question

mojego kodu:

#image_1 { 
    position: absolute; 
    top: 3vw; 
} 

My try: http://jsfiddle.net/z8k6t3fb/1/

chcę dostać '3vw'

Czy to możliwe?

Answer 1

Można iteracyjne document.styleSheets, .cssRules, jeśli .selectorText odpowiada selektor elementu, wybierz regułę z .style własności

window.onload = function() { 
 
    var element = document.getElementById("image_1"); 
 
    var prop = "top"; 
 
    var styles = document.styleSheets; 
 
    for (var j = 0; j < styles.length; j++) { 
 
    var rules = document.styleSheets[j].cssRules; 
 
    for (var i = 0; i < rules.length; i++) { 
 
     if (rules[i].selectorText === "#" + element.id) { 
 
     console.log(rules[i].style[prop]) 
 
     } 
 
    } 
 
    } 
 
}

#image_1 { 
 
    position: absolute; 
 
    top: 3vw; 
 
}

<div id="image_1">hello</div>