私はオブジェクトの配列持つJSON

Question

からHTMLリストを作成します：

<div class="col-lg-12" id="list-puntate"> 
    <!-- Insert my list here -->        
</div> 

JS

var listDiv = document.getElementById('list-puntate'); 
var ul = document.createElement('ul'); 
ul.appendChild(listDiv); 
for(var i = 0; i < data.list.length; ++i) { 
    var li = document.createElement('li'); 
    li.appendChild(data.list[i].puntata); 
    ul.appendChild(li);         
} 

私が持っているしたいと思います：私がdiv要素を持っている

を結果は次のようになります。

<div class="col-lg-12" id="list-puntate"> 
    <ul> 
    <li>values of data.list[i].puntata</li> 
    <li>...</li> 
    </ul>        
</div> 

次のようにあなたがやるべき

Answer 1

：

var listDiv = document.getElementById('list-puntate'); 
var ul=document.createElement('ul'); 
for (var i = 0; i < data.list.length; ++i) { 
     var li=document.createElement('li'); 
     li.innerHTML = data.list[i].puntata; // Use innerHTML to set the text 
     ul.appendChild(li);         
} 
listDiv.appendChild(ul); // Note here 

Answer 2

この

var listDiv = document.getElementById('list-puntate'); 
var ul=document.createElement('ul'); 
listDiv.appendChild(ul); 
for (var i = 0; i < data.list.length; ++i) { 

    var li=document.createElement('li'); 
    var textnode = document.createTextNode(data.list[i].puntata);  
    li.appendChild(textnode); 
    ul.appendChild(li);         
}