2016-12-09 4 views
5

내 코드를 CSS를 소품 값을 얻을 :자바 스크립트 : 장치와 같은

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

내 시도 : 나는 '3vw'

이 가능 얻을 원하는 http://jsfiddle.net/z8k6t3fb/1/

?

+1

에서 document.styleSheets, .cssRules, .selectorText이 요소 선택기 일치하는 경우, 선택 규칙을 반복 할 수 있습니다. 인라인 스타일이나 계산 된 값을 얻을 수 있습니다. –

+0

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

답변

5

당신은 나는 그것이 가능하다고 생각하지 않습니다 .style 재산

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

선택기가 동일하지 않더라도이 기능이 작동합니까? –

+0

@PraveenKumar 무슨 뜻인지 확실치 않습니다. – guest271314

+0

여기서'# image_id'와 직접 일치합니다. CSS의 셀렉터가'.image img' 또는 무엇인가라면? 이 솔루션이 효과가 있습니까? –

관련 문제