從JSON

Question

創建一個HTML表我有對象的數組：

我有一個div：

<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 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);         
}