Set Style dünaamilist JavaScript
Muutuvad stiilis objekt on nii lihtne leida objekti lehel, siis millega uus stiil väärtust. Kasuta alljärgnev kood näitena.
/ / Find div soovite värskendada var divArray = document.getElementById ("myDiv '); / / Set laius stiil divArray.style.width = '300px ";
CSS atribuutide nimed on veidi teistsugune, kui kasutada JavaScripti, et sa ei vaja viidet allpool loetelust enne saate pettunud ja tõmmake oma juukseid välja.
| CSS atribuut JavaScript Viide | |
| CSS Property | JavaScript Viide |
| taust | taust |
| background-arestimise | backgroundAttachment |
| background-color | backgroundColor |
| background-image | Taustapilt |
| background-positsiooni | backgroundPosition |
| tausta-repeat | backgroundRepeat |
| piir | piir |
| piiri-bottom | borderBottom |
| piiri-alt-värv | borderBottomColor |
| piiri-alt-stiilis | borderBottomStyle |
| piiri-alt-laius | borderBottomWidth |
| ääre värv | border |
| piiri vasakule | borderLeft |
| piiri-vasak-värv | borderLeftColor |
| piiri-vasakule-stiilis | borderLeftStyle |
| piiri-vasak-laius | borderLeftWidth |
| piiri-right | borderRight |
| piiri-right-värvi | borderRightColor |
| piiri-paremale-stiilis | borderRightStyle |
| piiri-right-laius | borderRightWidth |
| Ääriselaad | BorderStyle |
| piiri-top | borderTop |
| piiri-top-värvi | borderTopColor |
| piiri-top-stiilis | borderTopStyle |
| piiri-top-laius | borderTopWidth |
| piiri-laius | borderwidth |
| selge | selge |
| klamber | klamber |
| värv | värv |
| kursor | kursor |
| kuva | kuva |
| filter | filter |
| font | font |
| font-family | fontfamily |
| font-size | fontsize |
| font-variant | fontVariant |
| font-weight | fontweight |
| kõrgus | kõrgus |
| vasakule | vasakule |
| letter-kaugus | letterSpacing |
| line-height | lineHeight |
| list-style | listStyle |
| list-style-image | listStyleImage |
| list-style-positsiooni | listStylePosition |
| list-style-type | listStyleType |
| varu | varu |
| margin-bottom | marginBottom |
| margin-left | marginLeft |
| margin-right | marginRight |
| margin-top | marginTop |
| ülevool | ülevool |
| polster | polster |
| padding-bottom | paddingBottom |
| padding-left | paddingLeft |
| padding-right | paddingRight |
| padding-top | paddingTop |
| page-break-after | pageBreakAfter |
| page-break-before | pageBreakBefore |
| asukoht | asukoht |
| ujuk | styleFloat |
| text-align | textAlign |
| teksti kaunistamine | textDecoration |
| teksti kaunistamine: blink | textDecorationBlink |
| teksti kaunistamine: line-läbi | textDecorationLineThrough |
| teksti kaunistamine: Puudub | textDecorationNone |
| teksti kaunistamine: Ülajoone | textDecorationOverline |
| teksti kaunistamine: underline | textDecorationUnderline |
| teksti taane | textIndent |
| teksti muuta | textTransform |
| top | top |
| vertikaalne-align | verticalAlign |
| nähtavus | nähtavus |
| laius | laius |
| z-index | zIndex |