ตัวอย่างบทความนี้อธิบายถึงวิธีการรับสไตล์อินไลน์โดย JS แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังต่อไปนี้: <! doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "width = ความกว้างของอุปกรณ์, densitydpi เป้าหมาย = สูง dpi, ระดับเริ่มต้น = 1.0, ระดับต่ำสุด = 1.0, ระดับสูงสุด = 1.0, ผู้ใช้-ลดขนาด = no"/>
<title> JavaScript ได้รับสไตล์อินไลน์ </title>
</head>
<style>
#กล่อง{
ความกว้าง: 100px;
ความสูง: 100px;
ภาพพื้นหลัง: URL (1.JPG);
ขนาดพื้นหลัง: 140% 140%;
พื้นหลังซ้ำ: ไม่ทำซ้ำ;
ชายแดน: 20px Solid RGBA (0,0,0, .3);
คลิปพื้นหลัง: กล่องขอบ;
ตำแหน่งพื้นหลัง: -20px -20px;
-
</style>
<body>
<div id = "box"> </div>
</body>
</html>
<script>
// รับองค์ประกอบสไตล์อินไลน์
ฟังก์ชั่น getstyle (obj, attr)
-
if (window.getComputedStyle) {
กลับ getComputedStyle (obj, null) [attr];
}อื่น{
ส่งคืน obj.currentstyle [attr];
-
-
// รับวัตถุ
ฟังก์ชั่น $ (id) {
ส่งคืน document.getElementById (id);
-
var box = $ ('box');
// รูปแบบการพิมพ์
การแจ้งเตือน (GetStyle (Box, 'Background-Position'));
</script>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน