Uhusiano wa style wa Element wa HTML DOM

Maelezo na matumizi

style Muhimu wa kina kina wa barabara wa element inarudi thamani ya uhusiano wa style, kama Klabu ya CSSStyleDeclaration.

Klabu ya CSSStyleDeclaration ina muhimu wa kila uhusiano wa barabara wa kina kina ya element. Haina kina nje ya. <head> Kila muhimu ya uhusiano wa barabara kina kina au kina nje ya maelezo.

Nasili 1

Hakuna hali ya kuingiza hii:

element.style = "color:red";

Ingeingia kwa barabara hii ya CSS:

element.style.backgroundColor = "red";

Tenda kufikia matokeo

Nasili 2

Inasababu ya Kiengilizi na CSS ni tofauti:

mabaki / mabaki ya barabara ya nyimbo

Tazama pia: Makala ya kufikia uhusiano wa Style kina kina.

Nasili 3

Tumia uhusiano wa style hii, ikisitumia: Method ya setAttribute()kumwua kuadhimisha uhusiano wa style wengine.

Tazama pia:

Makao ya CSS

Makao ya CSS ya kielewa

Klabu ya Style

Mtaguso <style> ya HTML

Mfano

Mfano 1

Kubadilisha rangi ya "myH1":

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

Tenda kufikia matokeo

Mfano 2

Kupata thamani ya kandiko wa "myP":

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

Tenda kufikia matokeo

Inasababu

Kurudi uhusiano wa style:

element.style.property

Kuingiza uhusiano wa style:

element.style.property = value

Thamani ya muhimu

Thamani Kuonyesha
value

Inadhiirisha thamani ya muhimu.

Mfano:

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

Matokeo

Aina Kuonyesha
Mwongozo Klabu ya CSSStyleDeclaration ya element.

Mafanikio ya barabara

element.style Ni muhimu wa DOM Level 2 (2001).

Watau wote wa kinasikia kwa barabara zote:

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