Run
Tutorial With Example
Run your live code
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Get Computed Style Demo</title> <style type="text/css"> #intro { font-weight: bold; font-style: italic; } </style> </head> <body> <p id="intro" style="color:red; font-size:20px;">This is a paragraph.</p> <p>This is another paragraph.</p> <script> // Selecting element var elem = document.getElementById("intro"); // Getting computed style information var styles = window.getComputedStyle(elem); alert(styles.getPropertyValue("color")); // Outputs: rgb(255, 0, 0) alert(styles.getPropertyValue("font-size")); // Outputs: 20px alert(styles.getPropertyValue("font-weight")); // Outputs: 700 alert(styles.getPropertyValue("font-style")); // Outputs: italic </script> </body> </html>