Topic awaiting preservation: DOM Element CSS Class

Hey guys;

With HTML, you can set CSS classes as follows: <div class="bar baz"></div>, when in the CSS, you have .bar and .baz defined. Now, what I have done is create a DOM element; I want to be able to set this attribute. Is there any way I can do it?

var foo = document.createElement("div");



foo.class = "bar baz"; // This line is obviously invalid. I am looking for code that sets the CSS class here.



document.body.appendChild(foo);

Thanks.

"Any sufficiently advanced technology is indistinguishable from magic." -- Arthur C. Clarke
"Any sufficiently arcane magic is indistinguishable from technology." -- P. David Lebling

Ah, it's just a matter of finding the exact search terms you need in Google.

It turns out it's foo.className. I wasn't too far off. :X

Sorry for the clutter.

"Any sufficiently advanced technology is indistinguishable from magic." -- Arthur C. Clarke
"Any sufficiently arcane magic is indistinguishable from technology." -- P. David Lebling

clutter no, info yes! thanks

for the record, the correct ways ( I know of ) to set the class attribute of an element is :

myElement.className = "the classes I want";

// or

myElement.setAttribute( "class", "the classes I want" );

now, for exercise, turn this into a faq.