JavaScript - Crear objetos dinamicamente

var text2=document.createElement('input');

    text2.setAttribute('id','text2');

    text2.border='1';

    text2.width='170';

    text2.height='21';

    text2.maxlength='5';

    IFrameObj = document.body.appendChild(text2);

var button1=document.createElement('button');

    button1.setAttribute('id','button1');

    button1.style.width='60';

    button1.style.height='21';

    IFrameObj = document.body.appendChild(button1);

var i=0, listContent="";

for(i=0; i<2; i++){

    listContent += "<li>";

    listContent +=   "<div id='"+ i +"'>";

    listContent +=      "<img src='imagenes/marquee"+ i +"_img.png'>";

    listContent +=      "<img src='imagenes/marquee"+ i +"_txt.png'>";

    listContent +=      "<a class='img_"+ i +"abajo'>";

    listContent +=   "</div>";

    listContent += "</li>";

}

//var containerElement = document.getElementById("slider-content");

//container.innerHTML = listContent;

alert(listContent);