이 기사 예제는 JS에 의해 인라인 스타일을 얻는 방법을 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <! doctype html>
<html lang = "en">
<헤드>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, target-densitydpi = high-dpi, 초기 스케일 = 1.0, 최소 규모 = 1.0, 최대 규모 = 1.0, 사용자-규모 = no"/>
<title> javaScript가 인라인 스타일을 얻습니다 </title>
</head>
<스타일>
#상자{
너비 : 100px;
높이 : 100px;
배경 이미지 : URL (1.JPG);
배경 크기 : 140% 140%;
배경 반복 : 비 반복;
국경 : 20px 고체 RGBA (0,0,0, .3);
배경 클립 : 국경 박스;
배경 위치 : -20px -20px;
}
</스타일>
<body>
<div id = "box"> </div>
</body>
</html>
<cript>
// 인라인 스타일 요소를 얻습니다
기능 getstyle (obj, attr)
{
if (window.getComputedStyle) {
return getComputedStyle (obj, null) [attr];
}또 다른{
return obj.currentStyle [attr];
}
}
// 객체를 얻습니다
함수 $ (id) {
return document.getElementById (id);
}
var box = $ ( 'box');
// 인쇄 스타일
경고 (GetStyle (Box, 'Background-Position');
</스크립트>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.