javascript

Figure 8–3. Writing some inline styles
CHAPTER 8 ■ SCRIPTING CSS
We replaced the blue sprite with the fuchsia one, slid the sprite to the left in order to reveal the down
button, and moved the link entirely out of the container. It’s pretty draconian, but it illustrates the power
of writing an element’s style member: scripted declarations in ElementCSSInlineStyle.style override
those from anywhere else in the CSS cascade.
One more thing: take another peek at ElementCSSInlineStyle.style for the Nike link. There’s
something there other than one "" empty string after another now:
var myStyle = document.getElementById("nike").style;
myStyle.backgroundPosition;
// "-99px -108px"
myStyle.left;
// "200px"
So, our writing four CSS properties by way of ElementCSSInlineStyle.style was equivalent to doing
so by way of the following markup:
Nike
In turn, this is why our scripted styles override those from elsewhere in the cascade, in other words,
from eight.css.
315