كيفية الحصول على الهامش ، الحشو ، الطول ، الحدود ، وما إلى ذلك في div. قد تقول أنه يمكنك الحصول عليها مباشرة مع Document.getElementById ("id"). ولكن ما قلته لا يمكن الحصول على السمات المكتوبة مباشرة في الملصق ، ولا يمكن الحصول على السمات خارج نمط الملصق (مثل السمات في ملف CSS). يمكن الحصول على الطرق التالية.
عروض المثيل هي كما يلي:
لا يمكن لـ JS الحصول مباشرة على السمات في CSS عند الحصول على سمة CSS ، لذلك تحتاج إلى طريقة واحدة للقيام بذلك.
GetStyle (OBJ ، ATTR) طريقة الاتصال الوصف: OBJ هو الكائن ، ATTR هو توافق لاسم السمة يجب أن يكون متوافقًا مع كتابة JS (راجع: يمكن لـ JS التحكم في نمط النمط).
رمز JS
نسخ رمز رمز على النحو التالي:
وظيفة getStyle (obj ، attr) {
var ie =!+"/v1" ؛
IFTR == "BackgroundPosition") {// ie6 ~ 8 غير متوافق مع كتابة الخلفية لتحديد BackgroundPositionX/Y
إذا (أي) {{
return obj.currentstyle.backgroundposition +" +obj.currentStyle.BackRoundPositiony ؛
}
}
if (obj.currentStyle) {
إرجاع OBJ.CurrentStyle [attr] ؛
}
آخر {
return document.defaultView.getComputedStyle (OBJ ، null) [attr] ؛
}
}
رمز اختبار المثيل الكامل:
رمز HTML
نسخ رمز رمز على النحو التالي:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = gb2312" /> />
<title> js احصل على قيمة سمة CSS في فئة عنصر معين </title>
<style>
#box1 {margin:
A {MarmeS: 3px ؛ 12px ؛}
A: Hover {Color: #FF0000 ؛
</style>
</head>
<body>
<div id = "box1" box1
<a href = "javaScript: ؛"
<a href = "JavaScript: ؛"
<a href = "javaScript: ؛"
<script>
// احصل على قيمة السمة في الفصل
var divs = document.getElementById ("box1") ؛
وظيفة getStyle (obj ، attr) {
var ie =!+"/v1" ؛
IFTR == "BackgroundPosition") {// ie6 ~ 8 غير متوافق مع كتابة الخلفية لتحديد BackgroundPositionX/Y
إذا (أي) {{
return obj.currentstyle.backgroundposition +" +obj.currentStyle.BackRoundPositiony ؛
}
}
if (obj.currentStyle) {
إرجاع OBJ.CurrentStyle [attr] ؛
}
آخر {
return document.defaultView.getComputedStyle (OBJ ، null) [attr] ؛
}
}
وظيفة getCss (typ) {
تنبيه (getStyle (divs ، typ)) ؛
}
</script>
</body>
</html>