【من اكتساب نمط الخط】
<div id = 'div1' style = "backgroud: red"> test </div> <script> var odiv = document.getElementById ('div1') ؛ // احصل أولاً على علامة العنصر للحصول على النمط ، أي الحصول على console.log div1 (odiv.style.background) ؛ // حتى نتمكن من الحصول على النمط بين الأسطر </script>【اكتساب الأسلوب المتكامل】
<html> <head> <style> .div2 {background: Red ؛ } </style> </head> <body> <div id = "div1"> اختبار </div> <script> var odiv = document.getElementById ('div1') ؛ // احصل أولاً على علامة العنصر للحصول على النمط ، أي الحصول على div1 //console.log(getComputedStyle(odiv،null).background) ؛ GetComputedStyle ("العنصر" ، "الفئة الزائفة") هو النمط الذي تم الحصول عليه بعد الحساب. المعلمة الثانية هي الفئة الزائفة. إذا لم يتم استخدام NULL مباشرة ، فإن الشر IE8 والمسبق لم يدعمه ، لذلك هناك حاجة إلى الطريقة التالية. //console.log(currentstyle.background) يتم دعم هذا فقط من قبل IE نفسه. كما أنه يحصل على وحدة تحكم النمط المحسوبة (window.getComputedStyle؟ getComputedStyle (ODIV ، Null) .background: Odiv.CurrentStyle) ؛ // توافق المتصفح المتقاطع </script> </body> </html>【اكتساب نمط الرابط الخارجي】
<html> <head> <link rel = "stylesheet" type = "text/css" href = "basic.css"/> // مخطط الرابط ورقة نمط </head> <body> <div id = "div1"> اختبار </div> var sheet = document.styleshelets [0] console.log (rease.style.background) // Red بهذه الطريقة يمكنك الحصول على النمط المحدد في ورقة نمط الارتباط الخارجية </script> </body> </html>
【ورقة نمط الرابط الخارجي】
.div2 {background: red ؛}الطريقة البسيطة للحصول على أنماط CSS بين الخط ، والأنماط المضمنة وأنماط الارتباطات الخارجية في المقالة أعلاه هي المحتوى الكامل الذي شاركه المحرر معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.