그러나 DOM.style은 에만 액세스할 수 있으므로 스타일이 <로 작성된 경우 태그에 스타일이 내장됩니다. ;/style> 또는 .css 파일에서 스타일을 읽을 수 있습니다. <br><br>실제로 이 스타일 정보를 읽는 방법에는 두 가지가 있습니다. 하나는 document.styleSheets 객체를 이용하는 것이고, 다른 하나는 "최종 스타일" 객체를 이용하는 것입니다. 그 중 이 객체는 IE에서는 currentStyle, FF에서는 document.defaultView라고 합니다. 이 두 클래스를 패키징하여 다음과 같이 스타일 정보에 접근하는 함수를 만들었습니다. <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="49299" class="copybut" id="copybut49299" onclick="doCopy('code49299')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code49299"> <br>//============================스타일 시트 기능에 액세스====== ==== ========================== <br>function returnStyle(obj,styleName){ <br>var myObj = typeof obj = = "string" ? document.getElementById(obj) : obj; <br>if(document.all){ <br>return eval("myObj.currentStyle." styleName) <br>} else { <br>return eval("document. defaultView.getCompulatedStyle(myObj,null)." styleName); <br>} <br>} <br> </div> <br>이 함수에는 두 개의 매개변수가 있습니다. <br><br>obj: 액세스된 개체, 유형은 DOM입니다. 개체 또는 개체의 ID <br><br>styleName: 액세스해야 하는 스타일의 이름입니다. 유형은 문자열이지만 이름에는 "-" 기호를 사용할 수 없습니다. 예를 들어, background-color는 스타일 객체의 속성 이름과 같이 대소문자를 혼합하여 사용해야 합니다. <br><br>함수 반환값은 문자열형입니다. <br><br>참고: 이 방법은 스타일 파일에만 액세스할 수 있고 쓸 수는 없습니다. 스타일을 작성하려면 DOM.style.XXX 메소드를 사용해야 합니다. 또한 FF에는 패딩 및 여백과 같은 일부 스타일 액세스 문제가 있습니다. 스타일에 패딩, 여백 및 기타 값이 설정된 경우 marginLeft를 사용하여 값을 반환할 수 있습니다. <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="41013" class="copybut" id="copybut41013" onclick="doCopy('code41013')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code41013"> <br><!DOCTYPE html PUBLIC "-/ /W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> .org/1999/xhtml"> <br>< ;head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <style type="text/css"> 🎜>#demo{배경색:#000;패딩:10px;색상:#fff;너비:200px;} <br> 🎜>//============================액세스 스타일 시트=== ============ ===================== <br>function returnStyle(obj,styleName){ <br>var myObj = typeof obj == "string" ? document.getElementById( obj) : obj; <br>if(document.all){ <br>return eval("myObj.currentStyle." styleName) <br>} else { <br>return eval("document.defaultView.getCompulatedStyle(myObj) ,null)." styleName); <br>} <br>} <br> 테스트 내용은 다음과 같습니다 " onclick="alert(returnStyle('demo','width'));">테스트 클릭