創建多個標籤並向變量添加不同的文本

Question

我想創建4個<span>標籤並向它們添加不同的文本。

for (var i = 0; i <= 4; i++) { 
    var spanElement = document.createElement("span") + i; 
    var value_of_span += uniques + i; 
    var textnode_of_span = document.createTextNode(value_of_span); 
    spanElement.appendChild(textnode_of_span); 
    document.getElementById("pristatomiesi_akordai").appendChild(spanElement); 
}; 

Answer 1

什麼是document.createElement("span")+i;的+i應該是什麼？您正試圖將DOM元素與號碼相加。這沒有意義。

刪除它，以及在var value_of_span += uniques+i。你不能聲明一個變量並追加到它。

var uniques = 'foo'; 
 

 
for (var i = 0; i <= 4; i++) { 
 
    var spanElement = document.createElement("span"); 
 
    var value_of_span = uniques + i; 
 
    var textnode_of_span = document.createTextNode(value_of_span); 
 

 
    spanElement.appendChild(textnode_of_span); 
 
    document.getElementById("container").appendChild(spanElement); 
 
}

<div id="container"></div>