从javascript创建一个列表

Create a list from javascript

本文关键字：一个 列表 javascript 创建      更新时间：2023-09-26

我需要在html中创建一个列表，其中包含从JavaScript函数中获得的结果。我的代码是以下

function (data) {
                for(var i=0; i<data.length;i++){
                    alert(data[i].name)
                    $("resultados").innerHTML = data[i].name+"'n"
                }
            }

您必须使用document.createElement()在DOM:中创建列表

        function createList(data) {
        var ul=document.createElement("ul");
        for(var i=0; i<data.length;i++){
            var li=document.createElement("li");
            li.value=data[i].name;
            li.innerHTML=data[i].name;
            ul.appendChild(li);
        }
        document.body.appendChild(ul);
    }

编辑：

要将每个元素作为链接，您只需要将li元素的内容格式化如下：

li.innerHTML="<a href='"yourUrlGoesHere'">"+data[i]+"</a>";

请参阅演示小提琴。

试试这个。代码使用map和join函数。

function (data) {
  $("resultados").innerHTML = data.map(function(d){ return d.name }).join("'n");
}

这是因为每次都要覆盖innerHTML。

尝试：

$("resultados").append(data[i].name+"<br />");

此外，我的示例可能不起作用，因为$("resultados")似乎不匹配任何内容。也许你的意思是$("#resultados")。

试试这个：

function (data) {
  var htmlString = '';
  for(var i = 0; i < data.length; i++){
      // store the current data item to a temp variable.
      htmlString += data[i].name + "<br>";
  }
  $("#resultados").html(htmlString);
}
相关文章：