javascript: nhận được giá trị prop css với đơn vị

Question

mã của tôi như thế này:

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

thử của tôi: http://jsfiddle.net/z8k6t3fb/1/

Tôi muốn có được '3vw'

Có thể?

Answer 1

Bạn có thể lặp document.styleSheets, .cssRules, nếu .selectorText phù hợp với chọn thành phần, chọn quy tắc từ .style tài sản

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>