Contoh artikel ini menjelaskan cara mendapatkan gaya tautan eksternal JS. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Secara umum, atur gaya inline untuk elemen, seperti <div id = "div1"> </div>. Untuk mendapatkan gayanya, Anda bisa mendapatkan atau mengaturnya dengan Document.getElementById ("Div1"). Style.width. Namun, jika gayanya ada di tautan eksternal atau gaya non-line halaman, tidak dapat diperoleh.
Di browser standar, Anda dapat menggunakan window.getComputedstyll (OBJ, null) [properti] untuk mendapatkan gaya tautan eksternal, tetapi di browser IE, Anda dapat menggunakan obj.currentstyle untuk mendapatkannya.
Kode HTML lengkap adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html>
<Html>
<head>
<title> js dapatkan elemen gaya tautan eksternal </iteme> <base target = "_ blank"/>
<type style = "text/css">
P {
Lebar: 500px;
Line-Height: 30px;
}
</tyle>
<skrip src = "jQuery/jQuery-1.11.2.min.js">
</script>
<script>
fungsi getStyle (obj, properti) {
if (obj.currentstyle) {
mengembalikan obj.currentstyle [properti];
} else if (window.getComputedstyle) {
return document.defaultview.getComputedstyle (obj, null) [properti]; // atau Anda juga bisa mendapatkan gaya melalui window.getComputedstyle
}
kembali nol;
}
$ (dokumen) .ready (function () {
$ ("p"). Klik (function () {
waspada (getStyle (ini, "lebar"));
});
});
</script>
</head>
<body>
<p> Jika Anda mengklik saya, lebar muncul. </p>
<p> Klik saya untuk memunculkan lebar. </p>
<p> Klik saya juga ~ o (∩_∩) o ~. </p>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.