<div>
Changing the class?<br />
<br />
&lt;div class=&quot;foo&quot; id=&quot;foo&quot;&gt;bar&lt;/div&gt;<br />
<br />
document.getElementById(&quot;f<wbr />oo&quot;).class<wbr />Name = &quot;yar&quot;;
</div>


Changing the class?

<div class="foo" id="foo">bar</div>

document.getElementById("foo").className = "yar";

<div>
why dont you just assign id=&quot;foo&quot; to the &lt;div&gt; tag.<br />
e.g. &nbsp;&lt;div id=&quot;foo&quot;&gt;bar&lt;/div&gt;<br />
<br />
Instead of a class as classes are used for CSS.
</div>


why dont you just assign id="foo" to the <div> tag.
e.g.  <div id="foo">bar</div>

Instead of a class as classes are used for CSS.

<div>
well what I think he is trying to accomplish is .. there are multiple items that use the foo class, what he wants to do is programatically hide all items that have the foo class without having to iterate though all the items on the page
</div>


well what I think he is trying to accomplish is .. there are multiple items that use the foo class, what he wants to do is programatically hide all items that have the foo class without having to iterate though all the items on the page

<div>
<div class="content wysiwyg-content">
How can I do something like:<br />
<br />
document.getElementById('f<wbr />oo').style<wbr />.display = 'none';<br />
but for classes:<br />
<br />
eg.<br />
&lt;div class=&quot;foo&quot;&gt;bar&lt;/div&gt;
</div>
</div>


How can I do something like:

document.getElementById('foo').style.display = 'none';
but for classes:

eg.
<div class="foo">bar</div>

document.getElementById('foo').style.display = 'none'; FOR classes

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.