Čo robí metóda getComputedStyle() objektu okna v JavaScripte

Co Robi Metoda Getcomputedstyle Objektu Okna V Javascripte



Vlastnosti CSS Styling skrášľujú obsah webovej stránky a poskytujú atraktívny vzhľad prednej časti webovej stránky, čím upútajú používateľa. Tieto vlastnosti sa dajú ľahko nastaviť pomocou „ štýl ” HTML element a možno ho vypočítať pomocou JavaScriptu “ getComputedStyle() “. Táto metóda vypočíta všetky použité vlastnosti štýlu CSS spolu s ich hodnotami priradeného prvku HTML.

Tento príspevok popisuje cieľ, fungovanie a použitie metódy „getComputedStyle()“ objektu okna v JavaScripte.

Čo robí metóda „getComputedStyle()“ objektu okna v JavaScripte?

' getComputedStyle() ” vráti objekt “CSSStyleDeclaration”, ktorý obsahuje kolekciu vlastností CSS a ich hodnôt. Vypočítava cielené vlastnosti štýlu prvku HTML. Okrem toho hrá významnú úlohu aj pri výpočte vlastností štýlu špecifickej časti prvku HTML.





Syntax



okno. getComputedStyle ( element , pseudoElement )

Vo vyššie uvedenej syntaxi:



  • okno: Je to globálny objekt, ktorý predstavuje okno prehliadača.
  • element: Špecifikuje konkrétny prvok HTML, ktorého štýl je potrebné vypočítať.
  • pseudoprvok: Vzťahuje sa na časť daného prvku HTML, napr. prvé písmeno, posledné písmeno atď.

V nasledujúcej časti je pomocou príkladov uvedená praktická ilustrácia metódy „getComputedStyle()“.



HTML kód (vrátane štýlu CSS)

Najprv majte prehľad o nasledujúcom HTML kóde:



< hlavu >
< štýl >
h3{
veľkosť písma: 20px;
farba pozadia: zelenožltá
}
< / štýl >
< / hlavu >
< telo >
< h2 > Použite metódu getComputedStyle() objektu okna < / h2 >
< h3 id = 'demo' > Veľkosť písma daného HTML elementu je: < / h3 >
< p id = 'vzorka' < / p >

Vo vyššie uvedených riadkoch kódu:

  • '