2016-12-09 15 views
5

kodumu css prop değeri elde:javascript: birimiyle böyle

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

Benim deneyin: Ben '3vw'

mümkün mü almak istiyor http://jsfiddle.net/z8k6t3fb/1/

?

+1

dan document.styleSheets, .cssRules, .selectorText eleman seçici eşleşirse seçeneğini kuralı yineleme yapabilirsiniz. Satır içi stilleri veya hesaplanmış değeri alabilirsiniz. –

+0

http://stackoverflow.com/questions/6338217 –

cevap

5

Sen Mümkün olduğunu sanmıyorum .style mülkiyet

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>

+0

Bu, seçici aynı olmasa bile çalışır mı? –

+0

@PraveenKumar Ne demek istediğinden emin değil misiniz? – guest271314

+0

Burada doğrudan # # image_id' ile eşleştiriyorsunuz. CSS'deki seçici '.image img' veya bir şey ise? Bu çözüm işe yarayacak mı? –