Javascript 以UL格式返回innerHTML

我将返回我的对象，作为视图中粘在一起的对象列表。我想把它们分成一个很好的列表

我错过了什么去做那件事

HTML

 <div id="myPlace">
 </div>

JavaScript

  for (var i = 0; i < results.length; i++) {
    var place = results[i];
    console.log(place)
    document.getElementById("myPlace").innerHTML += place.name + " - " + place.vicinity 
  }
}

for（var i=0；i

您需要将代码更新为以下内容

for (var i = 0; i < results.length; i++) {
    var place = results[i];
    if (i == 0) {
       document.getElementById("myPlace").innerHTML = "<ul>"; // add ul tag for 1st item
    }
    document.getElementById("myPlace").innerHTML += "<li>" + place.name + " - " + place.vicinity + "</li>"; // add li for each item

    if(i == results.length -1) { // closing ul tag for last item
        document.getElementById("myPlace").innerHTML += "</ul>";
    }
  }

for（var i=0；i”；//为第一项添加ul标记
}
document.getElementById（“myPlace”）.innerHTML+=“
”+place.name+“-“+place.neighborary+”
”；//为每个项目添加li
如果（i==results.length-1）{//结束最后一项的ul标记
document.getElementById（“myPlace”）.innerHTML+=“”；
}
}

如果我没有正确理解您的问题，请原谅，但是您想在ul li标签上列出每个项目的名称和附近区域吗？如果是这样，你可以这样做

<div id="myPlace">
</div>

var results = [{"name": "name 1", "vicinity" : "vicinity 1"},
              {"name": "name 2", "vicinity" : "vicinity 2"},
              {"name": "name 3", "vicinity" : "vicinity 2"}];

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

    var ul = '<ul>';
    ul += '<li>'+results[i].name+'</li>';
    ul += '<li>'+results[i].vicinity+'</li>';
    ul += '</ul>';
    document.getElementById("myPlace").innerHTML += ul;

  }

var结果=[{“名称”：“名称1”，“邻近区域”：“邻近区域1”}，
{“名称”：“名称2”，“邻近地区”：“邻近地区2”}，
{“名称”：“名称3”，“邻近地区”：“邻近地区2”}]；
对于（var i=0；i'；
ul+='
'+结果[i]。邻近+'
'；
ul+=''；
document.getElementById（“myPlace”）.innerHTML+=ul；
}

---

可以创建一个字符串并在末尾插入

var htmlStr = '<ul>';
for (var i = 0; i < results.length; i++) {
    var place = results[i];
    htmlStr += '<li>'+ place.name + " - " + place.vicinity +'</li>';
  }
htmlStr += '</ul>';

document.getElementById("myPlace").innerHTML = htmlStr;

var htmlStr='
'；
对于（var i=0；i'；
}
htmlStr+='
'；
document.getElementById（“myPlace”）.innerHTML=htmlStr；

如果我理解正确：

// Declare list outside the scope of the for loop.
var list = "<ul>";

for (var i = 0; i < results.length; i++) 
{
    var place = results[i];
    console.log(place)
    // Add the <li>name - vicinity</li> text
    list += "<li>" + place.name + " - " + place.vicinity + "</li>"; 
}
// Close the list.
list += "</ul>";
// Insert the new "list" data.
document.getElementById("myPlace").innerHTML += list;

//在for循环的范围之外声明列表。
var list=“
”；
对于（var i=0；i名称-邻近区域文本
列表+=“
”+place.name+”-“+place.neighborary+”
”；
}
//关闭列表。
列表+=“
”；
//插入新的“列表”数据。
document.getElementById（“myPlace”）.innerHTML+=list；

您可以附加一个
标记吗？您需要编写一些代码。。。我看你的代码中没有任何尝试。这对其他人来说已经足够了。。我得到了我的答案它没有返回任何结果如果它没有返回任何结果，请执行以下操作：put

console.log（results[i]）到for循环中，并查看失败的地方。点击F12查看开发者控制台。你确定“我的地方”是正确的吗？@charlietfl你可能是对的，我也这么认为，但这不是你从阅读问题中得到的