Using getStyle
/*margin and padding on body element
can introduce errors in determining
element position and are not recommended;
we turn them off as a foundation for YUI
CSS treatments. */
body {
margin:0;
padding:0;
}
#foo {
background-color:#00f;
height:10px;
width:10px;
}
#bar {
width:100px;
height:100px;
background-color:#f00;
margin:0 0 1em 100px;
}
Using getStyle
Clicking the button will use Dom's getStyle method to get the background color of the red element and pass it to the setStyle method, which will set the blue element's background to the same color.