Cara memperoleh margin, bantalan, tinggi, perbatasan, dll di Div. Anda dapat mengatakan bahwa Anda dapat langsung mendapatkannya dengan Document.getElementById ("ID"). Tetapi apa yang Anda katakan hanya dapat memperoleh atribut yang ditulis secara langsung dalam label, dan atribut di luar gaya label tidak dapat diperoleh (seperti atribut dalam file CSS). Metode berikut dapat diperoleh.
Rendering instance adalah sebagai berikut:
JS tidak dapat secara langsung mendapatkan atribut di CSS saat mendapatkan atribut CSS, jadi Anda memerlukan satu metode untuk melakukan ini.
GetSstyle (OBJ, ATTR) Metode Panggilan Deskripsi: OBJ adalah objek, ATTR adalah kompatibilitas nama atribut harus kompatibel dengan penulisan JS (lihat: JS dapat mengontrol gaya gaya).
Kode JS
Salin kode kode sebagai berikut:
Fungsi getStyle (obj, attr) {
var ie =!+"/v1"; // penilaian sederhana IE6 ~ 8
Iftr == "latar belakang") {// ie6 ~ 8 tidak kompatibel dengan penulisan latar belakang untuk mengidentifikasi latar belakangPositionx/y
if (yaitu) {{
Kembalikan obj.currentstyle.backgroundpositionx +" +obj.currentstyle.backroundpositiony;
}
}
if (obj.currentstyle) {
Kembalikan obj.currentstyle [attr];
}
kalau tidak {
Return document.defaultview.getComputedStyle (obj, null) [attr];
}
}
Kode tes instan lengkap:
Kode HTML
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<title> js Dapatkan nilai atribut CSS di kelas elemen tertentu </iteme>
<tyle>
#Box1 {margin: 5px;
A {Border: Solid #CCC; 12px;}
A: Hover {Color: #FF0000;
</tyle>
</head>
<body>
<Div id = "box1"> CSS Box1.#Box1 {margin: 5px;
<A href = "JavaScript :;"
<A href = "javascript :;"
<A href = "javascript :;"
<script>
// Dapatkan nilai atribut di kelas
var divs = document.geteLementById ("box1");
Fungsi getStyle (obj, attr) {
var ie =!+"/v1"; // penilaian sederhana IE6 ~ 8
Iftr == "latar belakang") {// ie6 ~ 8 tidak kompatibel dengan penulisan latar belakang untuk mengidentifikasi latar belakangPositionx/y
if (yaitu) {{
Kembalikan obj.currentstyle.backgroundpositionx +" +obj.currentstyle.backroundpositiony;
}
}
if (obj.currentstyle) {
Kembalikan obj.currentstyle [attr];
}
kalau tidak {
Return document.defaultview.getComputedStyle (obj, null) [attr];
}
}
Function getCss (typ) {
Peringatan (GetStyle (Divs, Typ));
}
</script>
</body>
</html>