Sifat style elemen DOM HTML

Definisi dan penggunaan

style Sifat mengembalikan nilai sifat style elemen, dalam bentuk objek CSSStyleDeclaration.

Objek CSSStyleDeclaration mengandungi semua sifat gaya dalam garisan dalam elemen. Ia tidak termasuk dalam <head> Sifat gaya mana pun yang ditetapkan di dalam tabung luaran atau tabung yang lain.

Poin 1

Anda tidak boleh menetapkan gaya seperti ini:

element.style = "color:red";

Anda mesti menggunakan sifat CSS seperti ini:

element.style.backgroundColor = "red";

Cuba sendiri

Poin 2

Sintaks JavaScript dan CSS sedikit berbeza:

backgroundColor / background-color

Lihat panduan kami Panduan Lengkap Objek Style.

Poin 3

Gunakan sifat style ini daripada Metode setAttribute()supaya menghindari pen campuran sifat lain di dalam sifat style.

Lihat juga:

Panduan CSS

Panduan Rujukan CSS

Objek Style

Label <style> HTML

Contoh

Contoh 1

Ubah warna "myH1":

document.getElementById("myH1").style.color = "red";

Cuba sendiri

Contoh 2

Dapatkan nilai garisan atas "myP":

let value = document.getElementById("myP").style.borderTop;

Cuba sendiri

Sintaks

Kembalian sifat style:

element.style.sifat

Tetapkan sifat style:

element.style.sifat = nilai

Nilai sifat

Nilai Dekripsi
nilai

Tentukan nilai sifat.

Contoh:

element.style.borderBottom = "2px solid red"

Kembalian nilai

Jenis Dekripsi
Objek Objek CSSStyleDeclaration elemen.

Dukungan pereka web

element.style Adalah fitur DOM Level 2 (2001).

Semua pereka web menyokongnya sepenuhnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukung 9-11 Dukung Dukung Dukung Dukung