Home/ Questions/Q 3721708
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T05:38:58+00:00

How would I get a css property inside javascript! ex : <style> #body{ background:red;

  • 0

How would I get a css property inside javascript!

ex : 

  <style>
     #body{
        background:red;
      }
  </style>

    <script>
       function valid(form){
          alert('enter');
          var test = document.getElementById('body').style.background ;
          alert(test');
        }
     </script>
</head>
<body id="body">

On alert I am not able to get the background color!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The style property on elements only reflects the style information in the element itself (such as via the style attribute in the markup), not anything applied by style rules. To get those, you’d need getComputedStyle:

    var foo = document.getElementById('foo');
display("foo's background color is: " +
      window.getComputedStyle(foo, null).getPropertyValue('background-color'));

    Live example

    Off-topic: Some of this stuff is made easier by libraries such as jQuery, Prototype, YUI, Closure, or any of several others.

    • 0