يصف مثال المقالة كيفية الحصول على أنماط مضمنة بواسطة JS. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <! doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "width = width الجهاز ، الكثافة الهدف = High-DPI ، scale الأولي = 1.0 ، الحد الأدنى = 1.0 ، الحد الأقصى scale = 1.0 ، ster-scalable = no"/>
<title> يحصل JavaScript على النمط المضمّن </title>
</head>
<style>
#صندوق{
العرض: 100px ؛
الارتفاع: 100px ؛
صورة الخلفية: url (1.jpg) ؛
حجم الخلفية: 140 ٪ 140 ٪ ؛
تكرار الخلفية: عدم التكرار ؛
الحدود: 20 بكسل Solid RGBA (0،0،0 ، .3) ؛
Clip الخلفية: صندوق الحدود ؛
خلفية الموضع: -20px -20px ؛
}
</style>
<body>
<div id = "box"> </viv>
</body>
</html>
<script>
// الحصول على عناصر النمط المضمّن
وظيفة getStyle (OBJ ، att)
{
if (window.getComputedStyle) {
return getComputedStyle (OBJ ، null) [attr] ؛
}آخر{
إرجاع OBJ.CurrentStyle [attr] ؛
}
}
// احصل على كائن
وظيفة $ (id) {
return document.getElementById (id) ؛
}
var box = $ ('box') ؛
// نمط الطباعة
ALERT (getStyle (box ، "procession-position ')) ؛
</script>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.