Htmlstyleelement

HTMLStyleElement merepresentasikan elemen STYLE HTML.

Sintaks untuk mengakses properti HTMLStyleElement:

document.all.ID.property document.getElementById("ID").property

Sintaks untuk mengakses metode HTMLStyleElement:

document.all.ID.method([parameters]) document.getElementById("ID").method([parameters])

Properti:

disabled
Menetapkan atau mengembalikan atribut DISABLED elemen STYLE HTML.
media
Menetapkan atau mengembalikan atribut MEDIA elemen STYLE HTML.
type
Menetapkan atau mengembalikan atribut STYLE elemen STYLE HTML.

Untuk mengetahui banyaknya elemen STYLE dan LINK (LINK yang dipakai melink dokumen CSS eksternal ke dalam dokumen), anda dapat gunakan pola di bawah ini:

var numbersOfStyleObj = document.styleSheets.length;

Dengan melibatkan properti styleSheets[], dan cssRules[]/rules[] dimungkinkan mengakses elemen STYLE tertentu dan deklarasi CSS di dalamnya. Sebagai rujukan salah satu dari kedua arahan di bawah ini dipakai untuk merefensi kepada deklarasi CSS pertama di dalam elemen STYLE:

var oneRule = document.styleSheets[0].rules[0]; // IE4+, MacIE5, Safari var oneRule = document.styleSheets[0].cssRules[0]; // NN6+/Moz, MacIE5, Safari

Misalkan ada 1 elemen STYLE, 1 elemen P di dalam dokumen:

<STYLE TYPE="text/css"> P { color: red; } </STYLE> … <P>Ini yaitu alinea.</P>

Selanjutnya ingin memodifikasi nilai-nilai deklarasi dari selector P di dalam elemen STYLE ke nilai-nilai baru, contohnya ibarat berikut, misalnya:

document.styleSheets[0].cssRules[0].style.color = "blue";

Seharusnya elemen P akan berwarna merah untuk teksnya, dengan menambahkan sintaks di atas, maka teks dari elemen P yaitu berwarna biru.

Tetapi yang sering umum dijumpai yaitu penggunaan sintaks di bawah ini untuk pribadi menawarkan style terhadap elemen tertentu secara langsung:

document.getElementById("elemID").style.cssProperty = "value";

Untuk elemID yaitu ID elemen yang ingin diberikan style, dan untuk cssProperty = "value" yaitu properti CSS yang telah dimodifikasi (misalnya properti background-color menjadi backgroundColor) beserta nilainya.

Untuk referensi lengkapnya, silahkan ke halaman Daftar Properti CSS di dalam Sintaks JavaScript.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code