DOM - Attributes

by Shane Porter

HTML

<div id="container" class="main">
     <h1>Hello, DOM!</h1>

    <p>This is some fine fruit:</p>
    <ul class="listy">
        <li>Apples</li>
        <li class="second">Pears</li>
        <li>Cherries</li>
    </ul>
</div>

JavaScript

/**
 * the methods
 */

var containerEl = document.getElementById("container");

console.log(containerEl.getAttribute('class'));
console.log(containerEl.setAttribute('class', 'primary'));

console.log(containerEl.id);
console.log(containerEl.className);