먼저 스타일 시트 속성에 대해 이야기해 보겠습니다. 1. 인라인 스타일은 요소의 스타일 속성에서 설정되며, 가장 높은 수준입니다. 2. 페이지 스타일 시트 정의는 페이지<에 정의됩니다. ;/style>, 다음으로 높은 수준은 <BR>3. 외부 링크 스타일 시트 파일 <BR>JavaScript는 문서 요소의 CSS 속성을 가져오고 설정합니다. <BR>1. 요소의 Style 속성에 설정된 스타일 속성을 가져옵니다. , <BR>document.getElementById(id) .style.height; <BR>그렇다면 속성 값을 반환하고, 그렇지 않으면 빈 값을 반환합니다. <BR>IE와 Firefox 모두 있지만 일부 속성 값은 다르게 반환될 수 있습니다. 예를 들어, 색상의 경우 Firefox는 rgb를 반환하고 IE는 10진수를 반환합니다.<BR>테스트 코드: <BR><script type="text/javascript"> <BR>function getCss(){ <BR>alert( document.getElementById("aaa").style.height ); <BR>alert(document.getElementById("aaa").style.BackgroundColor) <BR>alert(document.getElementById("aaa").style.width ); <BR>document.getElementById("aaa" ).style.BackgroundColor = '#dbdbdb' <BR>//alert(myWidth) <BR></script> div id="aaa" class="bbb" style ="height:20px; background-color:#FF0000;"> <BR>asdfasdfas <BR></div><BR><input type="button " value="Click" onclick="getCss() ;" /> <BR>2. 때로는 스타일이 여러 위치에 설정될 수 있으며 외부 스타일 시트 속성에서 작동하는지 인라인 스타일에서 작동하는지 알 수 없습니다. 이므로 현재 페이지 렌더링의 속성 값을 가져와야 합니다. IE와 FF에서는 다소 다릅니다. <BR>샘플 코드 조각: <BR>IE: document.getElementById('aaa').currentStyle.height <BR>FF 표준: document.defaultView.getCompulatedStyle(aaa,null). getPropertyValue('height') <BR>이 두 속성은 읽기 전용입니다. 요소의 스타일을 변경하려면 style을 사용해야 하며 요소의 스타일 속성에 직접 작성됩니다. <BR>3. <BR><BR><BR><div class="codetitle"><span> 코드 복사 <a style="CURSOR: pointer" data="67397" class="copybut" id="copybut67397" onclick="doCopy('code67397')"><U> 코드는 다음과 같습니다. 다음: function getRealStyle(id, styleName) { <div class="codebody" id="code67397">var element = document.getElementById(id); <BR>var realStyle = <BR>if (element.currentStyle) <BR>realStyle = element.currentStyle[styleName]; <BR>else if (window .getCompulatedStyle) <BR>realStyle = window.getCompulatedStyle(element,null)[styleName] <BR>return realStyle; ><BR><BR>Call: cur_height = parseInt(getRealStyle(CON_ID,' height')); <BR><BR>P.S: 반환 값은 일반적으로 단위를 가지며, 숫자를 추출하려면 parseInt 함수를 사용해야 합니다. 후속 작업을 용이하게 하기 위해
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
