I can set all property in my entire html using:
document.getElementsByTagName('html')[0].style.setProperty(--color-dustomized, "red");
But I just wanted to change the tags that are INSIDE the div with id class2, I tried something like this, but the error appears Property 'style' does not exist on type 'Element'
document.getElementsByTagName('html')[0].getElementsByClassName('class2')[0].style.setProperty(--color-dustomized, "red"); // Property 'style' does not exist on type 'Element'.
I can't use it this way as I don't know how many div will be on the page:
document.getElementsByTagName('html')[0].getElementsByTagName('div')[1]
document.getElementsByTagName('html')[0].getElementsByClassName('class2')[0].style.setProperty(--color-dustomized, "red");<div id="class1" class="class1">
<!-- code -->
</div>
<div id="class2" class="class2">
<!-- code -->
</div>Have you tried this?
`document.getElementById("class1").style.color="red";`
Try this
document.getElementById("class1").style["--color-dustomized"] = "red"
just type this:
document.getElementById("class1").style.setProperty("--color-dustomized","red");