Add HTML elements

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>Items</li>
</ol>

JavaScript

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

function addElement()
{
    //var olList = document.getElementById('list');
    var olList = document.createTextNode("");
    var text = "Line 1 <br> Line 2<br/>line 3<BR/>";
    var t=text.split(/\s*<br ?\/?>\s*/i), i;
    if(t[0].length>0){         
           olList.appendChild(document.createTextNode(t[0]));
         }
         for(i=1;i<t.length;i++){
            olList.appendChild(document.createElement('BR'));
            if(t[i].length>0){
              olList.appendChild(document.createTextNode(t[i]));
            }
         } 
    alert('FINE');
    
    //olList.appendChild(newListItem);
}