Contoh artikel ini menjelaskan cara mendapatkan gaya inline oleh JS. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width = perangkat-lebar, target-densitydpi = dpi tinggi, skala awal = 1.0, skala minimum = 1.0, skala maksimum = 1.0, skala pengguna = tidak"/>
<title> JavaScript mendapat gaya inline </iteme>
</head>
<tyle>
#kotak{
Lebar: 100px;
Tinggi: 100px;
latar belakang-gambar: url (1.jpg);
Ukuran latar belakang: 140% 140%;
Latar belakang-repeat: No-Repeat;
Perbatasan: 20px RGBA padat (0,0,0, .3);
Klip latar belakang: kotak perbatasan;
Latar belakang posisi: -20px -20px;
}
</tyle>
<body>
<Div id = "box"> </div>
</body>
</html>
<script>
// Dapatkan elemen gaya inline
Fungsi GetStyle (OBJ, ATTR)
{
if (window.getComputedstyle) {
return getComputedStyle (obj, null) [attr];
}kalau tidak{
kembalikan obj.currentstyle [attr];
}
}
// Dapatkan objek
fungsi $ (id) {
return document.getElementById (id);
}
var box = $ ('box');
// gaya cetak
waspada (getStyle (kotak, 'posisi latar belakang'));
</script>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.