Htmlstyleelement

Friday, November 8th, 2019 - HTML DOM, HTMLElement

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.

Htmlstyleelement | Ahmad Code | 4.5

Htmldocument

Di HTML DOM, HTMLDocument mengatakan dokumen HTML. Sintaks: document.property document.method() Selain sintaks di atas, juga sanggup gunakan bentuk sintaks di...
Alinkcolor

Properti HTMLDocument.alinkColor menetapkan atau mengembalikan warna teks tautan aktif di dalam dokumen. Sintaks: document.alinkColor = value document.alinkColor value yaitu DOMString...
Anchors

Properti HTMLDocument.anchors mengembalikan semua anchor (A dengan NAME-nya) di dalam dokumen ini sebagai HTMLCollection. Sintaks: document.anchors Contoh di bawah ini...
Applets

Properti HTMLDocument.applets mengembalikan semua applet di dalam dokumen ini sebagai HTMLCollection. Applet itu sendiri ialah applet yang diembed dengan elemen...
Bgcolor

Properti HTMLDocument.bgColor menetapkan atau mengembalikan warna latarbelakang dokumen ini. Sintaks: document.bgColor = value document.bgColor value ialah DOMString yang sanggup berisi...