ul li elements, pure js (wihout html)

by slawe

JavaScript

var array = ['aaa', 'bbb', 'ccc'],
    section=document.createElement('section'),
    ul=document.createElement('select');

setAttribs(ul, {
    id: 'someID',
    className: 'someCLASS',
    title: 'someTITLE'
});

document.body.appendChild(section);
section.appendChild(ul);

for (var i=0; i<array.length; i++){

    var li=document.createElement('option');
    setAttribs(li, {
        className: 'someOptionCLASS option-' + i,
        value: array[i]
    });
    ul.appendChild(li);
    li.innerHTML=li.innerHTML + array[i];
}

function setAttribs(elm, ob) {
    var r = [];
    var i = 0;
    for (var z in ob) {
        if (ob.hasOwnProperty(z)) {
            try {
                elm[z] = ob[z];
            }
            catch (er) {
                elm.setAttribute(z, ob[z]);
            }
        }
    }
    return elm;
}