javascript

JavaScript changes the style of HTML elements and changes the CSS and element attributes

Change the HTML style To change the style of an HTML element, use this syntax:


document.getElementById(id).style.property=new style
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>

JS changes element attributes;


<script>
var div = document.getElementByIdx_x('d1');
div.setAttribute("class", "abc");
</script>