Add and Remove HTML elements dynamically with Javascript

Here is some simple JavaScript. With some tweaking, you may fit it on your webpage.

function addElement()
{
    var ni = document.getElementById('myDiv');
    var numi = document.getElementById('theValue');
    var num = (document.getElementById('theValue').value -1)+ 2;
    numi.value = num;
    var newdiv = document.createElement('div');
    var divIdName = 'my'+num+'Div';
    newdiv.setAttribute('id',divIdName);
    newdiv.innerHTML = "Some contents";
    ni.appendChild(newdiv);

    // For IE, set any attributes directly; 
    // do not use the setAttribute method().
    // E.g. use newdiv.style.zIndex = "1000" instead of
    // newdiv.setAttribute('style','z-index: 1000;');
}

function removeElement(divNum)
{
    var d = document.getElementById('myDiv');
    var olddiv = document.getElementById(divNum);
    d.removeChild(olddiv);
}