CSS 의사 요소는 매우 강력하며 종종 CSS 삼각형 힌트를 만드는 데 사용됩니다. CSS 유사 요소를 사용하면 추가 HTML 태그를 추가 할 필요없이 간단한 효과를 얻을 수 있습니다. 한 가지는 JavaScript가 이러한 CSS 속성 값을 얻을 수 없지만 이제는 다음과 같은 방법이 있습니다.
다음 CSS 코드를 살펴보십시오.
.Element : {content : 'new'이전; 색상 : rgb (255, 0, 0);}. 요소 : 전 {content : 'new'; color : rgb (255, 0, 0);}.element의 색상 속성을 얻으려면 다음 코드를 사용할 수 있습니다.
var color = wind
Pseudo Element를 두 번째 매개 변수로 Window.getComputedStyle 메소드로 전달하여 CSS 속성을 얻습니다. 이 코드를 공구 기능 세트에 넣으십시오. 이 방법은 의사 요소가 점점 더 많은 브라우저에서 지원되므로 유용합니다.
번역기 주 : window.getComputedStyle 메소드는 IE9 아래 브라우저에서 지원되지 않으며 getPropertyValue는 getComputedStyle 메소드와 함께 사용해야합니다. IE는 현재 스타일 속성을 지원하지만 여전히 의사 요소의 특성을 얻을 수는 없습니다.
메소드 지정된 요소의 CSS 속성 값을 정확하게 가져 오는 방법.
<script type = "text/javaScript"> 함수 getStyle (elem, name) {// 속성이 스타일로 존재하는 경우 최근에 설정되었습니다 (및 현재 중 하나) if (elem.style [name]) {return elem.style [name]; } // 그렇지 않으면 (elem.currentStyle) {return elem.currentStyle [name]; } // 또는 w3c 메소드가 존재하는 경우 if (document.defaultView && docum 이름 = name.tolowercase (); // 스타일 객체를 가져 와서 속성의 값을 얻습니다 (존재하는 경우) var s = docum return s && s.getPropertyValue (이름); // 그렇지 않으면 다른 브라우저를 사용하고 있습니다} else {return null; }} </script>