javascript 数组转 html

Question

我从 json 获得了一个数组，我需要将每个项目放入 <li> 中在我的 html 上

类似这样的东西:

names : {john, paul, ringo,george}
into <li>john</li>..

我的代码:

<div id="demo"></div>

脚本:

function onLocationsReceived(data) {
  console.log("recievd");

  for (var i = 0; i < data[0].Sensors.length; i++) {
    var sensorNames = data[0].Sensors[i].Name;
    document.getElementById("demo").innerHTML = sensorNames;
    console.log(sensorNames);
  }
}

在 concole.log 上打印得很好..

document.getElementById("demo").innerHTML = '<li>' + sensorNames '</li>

类似的东西？？？

Answer 1

使用如下所示的内容

function onLocationsReceived(data){
var html="";
  for (var i = 0; i < data[0].Sensors.length; i++) {
   var sensorNames = data[0].Sensors[i].Name;
    html+="<li>"+sensorNames+"</li>";
    console.log(sensorNames);
}
document.getElementById("demo").innerHTML=html;
}