How to get the style information of an element in JavaScript

Cross-browser method

function getStyle(elem, cssprop, cssprop2){
 if(){
  return [cssprop]
  }else if( && ){
  return (elem, "").getPropertyValue(cssprop2)
 }else{
  return null
 }
}

&lt;style&gt; 
 #elem{font-size:23px;} 
&lt;/style&gt; 
&lt;input id ="elem" style="font-size:18px;"/&gt; 
&lt;script&gt;
 = '12px'; 
(getStyle(elem, "fontSize", "font-size")) 
// Output 12px&lt;/script&gt;

The priority of getStyle value is:

1. Dynamically set

2. Inline settings

3. Stylesheet settings

4. The default settings of the browser

The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.