将span标记添加到Javascript中数组中的每个元素？

Question

假设我有一个数组。如何将span标签中的每个元素包装在数组中？另外，如果我想将.appendchild的每个span元素转换为div元素，我该怎么做呢？

function add_span(arr){ 
    var new_arr= document.createElement("span");// arr is passed in correctly 
    var text=document.createTextNode(arr); // text cannot be output 
    new_arr.appendChild(text); 
    return new_arr; 
} 

，并在主：

for (i = 0; i < unique_array.length; i++) 
{ 
    span_array[i]=add_span(unique_array[i]); 
} 
var cloud_text=document.createTextNode(span_array); 
cloud.appendChild(cloud_text); 

输出现在看起来像这样： [object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement],[object HTMLSpanElement]

Answer 1

您可以通过所有的数组元素的要循环，并添加span标签的开头和像这样结束：

var example = []; 

for(var i = 0; i < example.length; i++) { 
    example[i] = '<span>' + example[i] + '</span>'; 
} 

这增加了html spa n标签到你的文本，然后你的数组元素里面。 i充当您正在使用的数组对象的标识符。

Answer 2

JSFiddle Example (Updated)

假定有一个字符串数组：

var arrayExample = ["apple", "orange", "pear"]; 

迭代通过阵列中的每个字符串：

arrayExample.forEach(main); 

追加阵列串项目成span对象，然后变成div对象：

编辑

function main(arrayItem, index, array) { 
    var spanObj = "<span>" + arrayItem + "</span>" 
    var divObj = document.createElement('div'); 
    divObj.innerHTML = spanObj; 

    // Do something like: 
    document.body.appendChild(divObj); 

    // Replace old array string with new array string wrapped in <span> 
    arrayExample[index] = spanObj 
} 
alert(arrayExample); // will output your new Array