<p>Clicking the buttons below will toggle the class on the <em>bacon ipsum</em> text below, assigning the class with the same name (styles seen below). This is done using the new <code>classList</code> API.</p>
<pid="status">Not supported :(</p>
<pre><code><style>
.big { font-size: 30px; }
.bold { font-weight: bold; }
.pink { background: #FF5E99; color: #fff; }
</style></code></pre>
<pid="classListTest">Bacon ipsum dolor sit amet pancetta bresaola tenderloin, swine meatball tongue ham boudin t-bone ribeye jerky sausage. Pork loin cow shankle drumstick tri-tip, chicken venison strip steak.</p>
<pid="toggleClass">Toggle a class:
<inputtype="button"value="big"/>
<inputtype="button"value="bold"/>
<inputtype="button"value="pink"/>
</p>
</article>
<script>
// checkfor support
var toggle = document.getElementById('toggleClass'),