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!
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'));
Off-topic: Some of this stuff is made easier by libraries such as jQuery, Prototype, YUI, Closure, or any of several others.
style object. To change the style rule itself, you have to navigate the styleSheets list and work through the style rules, which is rather more complicated. Some links: developer.mozilla.org/en/DOM/document.styleSheets * msdn.microsoft.com/en-us/library/ms531200(v=vs.85).aspx