不知道怎么按我的要求生成<span>

Question

示例： 
<div id="block"> <span id="no1"> no1 </span> <span id="no2"> no2 </span> </div> 
<script type="text/javascript"> 
var block = document.getElementById("block"); 
var no1 = document.getElementById("no1"); var newText = document.createTextNode(" 插入的 "); 
var newNode = document.createElement("span"); 
newNode.appendChild(newText); 
block.insertBefore(newNode, no2); 
</script> 
因为最后一个元素不能用 insertBefore ，所以最后一个元素就用 appendChild。

Answer 1

<div id="block"> <span id="no1"> no1 </span> <span id="no2"> no2 </span> </div> 
<script type="text/javascript"> 
var div = document.getElementById("block");
var spans = div.getElementByTagName("span");
var str = "";
for(var i=0; i<spans.length; i++)
str += "<span id='no"+(i+1)+"'>"+spans.innerHTML+"</span><span id='r"+(i+1)+"'></span>";
div.innerHTML = str;
</script>

Answer 2

spans.innerHTML
==>
spans[i].innerHTML