Add HTML elements

by epblog

HTML

Important things to remember are probably:<br />
- Use document.createElement('elementtype'); to create a new element<br />
- Use parent.appendChild(element); to add your new element<br /><br />

<button id="add">Add</button>
<ol id="list">
    <li>Item</li>
</ol>

JavaScript

var btnAdd = document.getElementById('add');
btnAdd.addEventListener("click", addElement, false);

function addElement()
{
    var olList = document.getElementById('list');
    var newListItem = document.createElement('li');
    newListItem.innerText = 'New Item';
    olList.appendChild(newListItem);
}