如何获取JavaScript中的所有类属性

Question

Is it somehow possible to get all properties of a class through JavaScript? Lets say I have a class

.menu { color: black; width: 10px; }

How can I get " color: black; width: 10px; " as a string through JavaScript?

Thank you!

Answer 1

You can use getComputedStyle(). This will find all inline-style or css styling done in a css file..This returns all properties computed of the element

See snippet below

 var el=document.getElementsByClassName("menu")[0]; style=getComputedStyle(el); console.log(style); 

 .menu{ color:green; background:blue; opacity:1 } 

 <div class="menu"></div> 

You can also get a specific property from the class in the above snippet, example

style.width