在循環處理AJAX響應

Question

AJAX請求返回XML包含這樣的節點添加類元素

var folderContent = ''; 
var data = xhttp.responseXML; 
var folders = data.getElementsByTagName("directory"); 
for (var i = 0; i < folders.length; i++) { 
        folderContent += folders[i].childNodes[0].nodeValue; 
       } 
document.getElementById('folders').innerHTML = folderContent; 

我要添加到每個列表項一個類（與每個元素相同）。我應該怎麼做，使用JavaScript？

感謝。

Answer 1

它的工作：

var ul = document.createElement('ul'); 
var li; 

for (var i = 0; i < folders.length; i++) { 
    li = document.createElement('li'); 
    li.innerHTML = folders[i].childNodes[0].nodeValue; 
    li.setAttribute('onclick', 'Toggle(this, true)'); 
    li.setAttribute('class', 'first-level'); 
    ul.appendChild(li); 
    } 
document.getElementById('folders').innerHTML = ul.innerHTML; 

Answer 2

您可以使用setAttribute設置添加（或更改）屬性。另外我注意到你在總是未定義的元素節點上調用nodeValue。 如果您的目標是將li節點追加到folderContent，那麼您必須在追加到folderContent之前將其序列化爲字符串。

var folderContent = ''; 
    var data = xhttp.responseXML; 
    var folders = data.getElementsByTagName("directory"); 
    var serializer = new XMLSerializer(); 
    var node; 
    for (var i = 0; i < folders.length; i++) { 
     node=folders[i].childNodes[0]; 
     node.setAttribute('class', 'your-class')//sets class attribute to li node 
     folderContent += serializer.serializeToString(node);//serialize li node before and appends it to folderContent 
    } 

希望它有幫助。