我需要将我的LI数组元素放入UL但我不能

时间:2014-07-15 13:18:54

标签: javascript arrays

这是代码: 我需要做几件事,但我是一个很新的编码:S。 首先,我需要将我加载到阵列中的li元素格式化为UL。我还需要创建一个循环,我可以打印那些重复它们的20个数组元素来显示2300个元素。谢谢:))

var _objetsOfArray = new Array();

 var darFormato = function (numero){
    var numero = document.createElement("li");
    var contenido = document.createTextNode(i);
    numero.appendChild(contenido);
    document.body.insertBefore(numero); 
 }

for (i = 0; _objetsOfArray.length < 20; i++ ){
    _objetsOfArray.push (i);
    darFormato(i);

};

2 个答案:

答案 0 :(得分:0)

我在页面上使用它来生成一些动态链接:

<ul id="list">
</ul>

这是脚本

    var myData = [
"item1",
        "item2"
]
function createItems()
{
    var ul = document.getElementById("list");
    for (var i = 0; i < myData.length; i++)
    {
        var li = document.createElement("li");
        var a = document.createElement("a");
        a.href = "http://stackoverflow.com/search?tab=newest&pagesize=30&q=" + myData[i].toLowerCase();
        a.target = "_blank";
        a.innerHTML = myData[i];
        li.appendChild(a);
        ul.appendChild(li);
    }
}
createItems();

我将hrefs更改为SO:)

我希望看看能帮到你

答案 1 :(得分:0)

这为你解决了。

http://jsfiddle.net/t4Vec/

var count = 2300;
while (count){
    var _objectsOfArray = [],
        ul = document.createElement("ul");
    for (var i = 0; i < 20; i++){
        var item = document.createElement("li");
        item.innerText = i;
        _objectsOfArray.push(item);
        ul.appendChild(_objectsOfArray[i]);
        count --;
    }
    //do something with UL
    document.body.appendChild(ul);
}

如果你有一个预先创建的列表,你可以使用innerHTML并相应地解析它。

我的样本只打印一个带有20个Li元素的ul,文本节点设置为节点的索引

编辑:新小提琴:http://jsfiddle.net/t4Vec/1/