Atribut style elemen DOM HTML

Definisi dan penggunaan

style Atribut mengembalikan nilai atribut style elemen, dalam bentuk objek CSSStyleDeclaration.

Objek CSSStyleDeclaration mengandung semua atribut gaya dalam baris elemen. Itu tidak termasuk dalam <head> Setiap atribut gaya yang disetel di dalam atau di luar tabel gaya eksternal.

Poin 1

Anda tidak dapat menetapkan gaya seperti ini:

element.style = "color:red";

Anda harus menggunakan atribut CSS seperti ini:

element.style.backgroundColor = "red";

Coba sendiri

Poin 2

Sintaks JavaScript dan CSS sedikit berbeda:

backgroundColor / background-color

Lihat referensi kami Referensi penuh Style Object.

Poin 3

Gunakan atribut style ini daripada Metode setAttribute()untuk mencegah penutupan atribut lain di dalam atribut style.

Lihat pula:

Tutorial CSS

Panduan Referensi CSS

Objek Style

Tag <style> HTML

Contoh

Contoh 1

Ubah warna "myH1":

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

Coba sendiri

Contoh 2

Ambil nilai garis atas "myP":

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

Coba sendiri

Sintaks

Kembalikan atribut style:

element.style.property

Atur atribut style:

element.style.property = value

Nilai atribut

Nilai Deskripsi
value

Tentukan nilai atribut.

Contoh:

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

Nilai yang diembalikan

Tipe Deskripsi
Objek Objek CSSStyleDeclaration elemen.

Dukungan peramban

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

Seluruh peramban mendukungnya penuhnya:

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