이 기사 예제는 JS의 외부 링크 스타일을 얻는 방법을 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
일반적으로 <div id = "div1"> </div>와 같은 요소의 인라인 스타일을 설정하십시오. 그 스타일을 얻으려면 document.getElementByid ( "div1"). style.width로 얻거나 설정할 수 있습니다. 그러나 스타일이 외부 링크 또는 페이지의 비 라인 스타일에 있으면 얻을 수 없습니다.
표준 브라우저에서는 Window.getComputedStyll (OBJ, NULL) [속성]을 사용하여 외부 링크 스타일을 얻을 수 있지만 IE 브라우저에서는 OBJ.CurrentStyle을 사용하여 얻을 수 있습니다.
전체 HTML 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <! doctype html>
<html>
<헤드>
<title> js 요소 외부 링크 스타일 </title> <base target = "_ blank"/>
<스타일 유형 = "텍스트/CSS">
p {
너비 : 500px;
라인 높이 : 30px;
}
</스타일>
<script src = "jquery/jquery-1.11.2.min.js">
</스크립트>
<cript>
함수 getStyle (obj, property) {
if (obj.currentStyle) {
return obj.currentStyle [Property];
} else if (window.getComputedStyle) {
return docut
}
널 리턴;
}
$ (document) .ready (function () {
$ ( "P"). 클릭 (function () {
경고 (getStyle (this, "width");
});
});
</스크립트>
</head>
<body>
<p> 나를 클릭하면 너비가 나타납니다. </p>
<p> 너를 클릭하여 너비를 나타냅니다. </p>
<p> 나도 클릭하십시오 ~ o (∩_∩) o ~. </p>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.