Home > Developer > JavaScript
JavaScript html dom-change CSS, domcss
Html dom allows JavaScript to change the style of HTML elements.
To change the style of HTML elements, use this syntax:
Document. getElementById (Id). Style.Property=New style
The following example changes the <p> element style:
Instance
<Html>
<Body>
<P id = "p2"> Hello World! </P>
<Script>
Document. getElementById ("p2"). style. color = "blue ";
</Script>
<P> The paragraph above was changed by a script. </p>
</Body>
</Html>
In this example, the style of the HTML element id = "id1" is changed. When you click the button:
Instance
<! DOCTYPE html>
<Html>
<Body>
<H1 id = "id1"> My Heading 1 <Button type = "button"
Onclick = "document. getElementById ('id1'). style. color = 'red'">
Click Me! </Button>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
