Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
Liquid Web Managed Dedicated Server: RAID 1 SSD with 16GB of RAM minimum! 24/7 On-Site Heroic Support! Industry-Leading SLA!

BlueHost Web Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

getflywheel wordpress hosting


Liquid Web Cloud VPS Hosting

8,512 questions

11,796 answers

573 users

How to get current computed CSS styles applied to an element in JavaScript

1 Answer

0 votes
<!DOCTYPE html>
<html>
<body>

<div id="div-id" style="height:30px; background-color:gray;">Div Element</div>

<script> 
var div_element = document.getElementById("div-id");

var css = window.getComputedStyle(div_element, null).getPropertyValue("background-color");
document.write(css + "<br />");

css = window.getComputedStyle(div_element, null).getPropertyValue("height");
document.write(css);


/*
run:

rgb(128, 128, 128)
30px 
 
*/
</script>

</body>
</html>

 




answered May 4, 2017 by avibootz
...