JavaScript는 인라인 외부의 스타일을 읽습니다(스타일, currentStyle 및 getCompulatedStyle 간의 차이점 소개)_javascript 기술

스타일 시트에는 세 가지 방법이 있습니다.
인라인 스타일: 태그에 작성됩니다. 인라인 스타일은 모든 태그에만 유효합니다.
내부 스타일 시트: HTML의 에 작성됩니다. 내부 스타일은 해당 스타일이 위치한 웹페이지에만 유효합니다.
외부 스타일 시트: 많은 웹 페이지가 동일한 스타일(스타일)을 사용해야 하는 경우 접미사 .css를 사용하여 CSS 파일에 스타일(스타일)을 작성한 다음 각 페이지에서 사용합니다. 이 CSS 파일은 다음에서 참조됩니다. 이러한 스타일의 웹페이지.

다음은 인라인 스타일이 아닌 읽기 스타일용 js입니다. 읽기만 가능하고 쓰기는 불가능합니다.

코드 복사 코드는 다음과 같습니다.

var mydiv = document.getElementById('mydiv ');
if(mydiv.currentStyle) {
var width = mydiv.currentStyle['width']
alert('ie:' width)
} else if(window.getComputeStyle) ) {
var width = window.getCompulatedStyle(mydiv, null)['width']
alert('firefox:' width)
}
또한 FF에서 다음을 얻을 수도 있습니다. 다음 방법을 통해
document.defaultView.getCompulatedStyle(mydiv,null).width
window.getComputeStyle(mydiv , null).width

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>氍胳</title>