【라인 스타일 획득】
<div id = 'div1'style = "backgroud : red"> test </div> <cript> var odiv = document.getElementById ( 'div1'); // 먼저 스타일을 얻으려면 요소 태그를 가져옵니다. // 라인간에 스타일을 얻을 수 있도록 </script>
【통합 스타일 획득】
<html> <head> <style> .div2 {배경 : 빨간색; . // 먼저 스타일을 얻기 위해 요소 태그를 가져옵니다. getComputedStyle ( "요소", "의사 클래스")은 계산 후 얻은 스타일입니다. 두 번째 매개 변수는 의사 클래스입니다. 그러나 NULL이 직접 사용되지 않으면 Evil IE8과 이전 제품이 지원하지 않았으므로 다음 방법이 필요합니다. //console.log(CurrentStyle.background) 이것은 IE 자체에 의해서만 지원됩니다. 또한 계산 된 스타일 콘솔 (Window.getComputedStyle? getComputedStyle (ODIV, NULL) .Background : ODIV.CurrentStyle)도 얻습니다. // 크로스 브라우저 호환성 </script> </body> </html>【외부 링크 스타일 획득】
<html> <head> <link rel = "스타일 시트"유형 = "text/css"href = "basic.css"/> // 링크 스타일 스타일 시트 </head> <body> <div id = "div1"> test </div> <cript> var sheet = document.stylesheets [0] // 첫 번째 링크 시트 규칙을 얻습니다. console.log (rule.style.background) //이 방법으로 외부 링크 스타일 시트에 지정된 스타일을 얻을 수 있습니다 </script> </body> </html>
【외부 링크 스타일 시트】
.div2 {배경 : 빨간색;}위의 기사에서 CSS 인터 라인 스타일, 인라인 스타일 및 외부 링크 스타일을 얻는 간단한 방법은 편집자가 공유 한 전체 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.