일반적으로 <div id = "div1"> </div>와 같은 요소의 인라인 스타일을 설정하십시오. 그 스타일을 얻으려면 document.getElementByid ( "div1"). style.width로 얻거나 설정할 수 있습니다. 그러나 스타일이 외부 링크 또는 페이지의 비 라인 스타일에 있으면 얻을 수 없습니다.
표준 브라우저에서는 Window.getComputedStyll (OBJ, NULL) [속성]을 사용하여 외부 링크 스타일을 얻을 수 있지만 IE 브라우저에서는 OBJ.CurrentStyle을 사용하여 얻을 수 있습니다.
HTML 코드 완료 :
<! doctype html> <html> <head> <title> js 요소의 외부 링크 스타일을 가져옵니다 </title> <base target = "_ blank"/> <style type = "text/css"> p {width : 500px; 라인 높이 : 30px; } </style> <script src = "http://vevb.com/jquery/jquery-1.11.2.min.js"> </script> function getstyle (obj, property) {if (obj.currentStyle) {return obj.currentStyle [property]; document.defaultView.getComputedStyle (obj, null) [속성]; // 또는 Window.getComputedStyle}을 통해 스타일을 얻을 수 있습니다. </script> </head> <body> <p> 나를 클릭하면 너비가 나타납니다. </p> <p> 너를 클릭하여 너비를 나타냅니다. </p> <p> 나를 클릭하십시오. </p> <div> <a href = "http://vevb.com"> home </a> <a href = "http://vevb.com/phtml/"> 특수 효과 라이브러리 </a> <a href = "http://vevb.com/a/bjae/nb9lb3sd.htm"> Original 텍스트 </a> </div> </body> </html>JS 요소의 외부 링크 스타일을 얻는 간단한 구현 방법은 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.