非对象元素可以进行innerHTML操作吗？

    window.onload=function(){  
    var br = document.getElementsByTagName('br');  
    var array = [];  
    var brs = Array.prototype.slice.call(br);  
        for(var index=0;index<brs.length;index++) {  
            var nv = brs[index].previousSibling.nodeValue;  
            alert(nv);  
            console.log(nv);  
          if(!nv) continue;  
            var cutIndex = nv.indexOf('商品编号:');  
          if(cutIndex >=0) {  
            var element = nv.substring(cutIndex+5);  
            alert(element);   
            array.push(element);  
        }  
      }  
    }  

.span1{background-color:yellow;}  
.span2{background-color:red;}  

网页源码如下：
商品编号:1a025-0887

商品编号:1125-0387

商品编号:1225-18tt672

商品编号:13e25-08ee87

商品编号:1425-038733

商品编号:152f5-1867

商品编号:1625-0887h555

商品编号:17ww25-3333330387

商品编号:qq1825-1867444

=====================不割怕你们看不清=====================

已经可以取得每个编号了，请问怎么用span1标记这些编号（包裹住），并添加提示成功的span2呢？也就是最终形成的是以下这样的的源码：（网站不是我的 我只是依据其源码进行插件开发需要这样处理，请理解！）

商品编号:<span class=span1>1a025-0887</span><span class=span2>添加span1成功了</span><br />  
商品编号:<span class=span1>1125-0387</span><span class=span2>添加span1成功了</span><br />  
商品编号:<span class=span1>1225-18tt672</span><span class=span2>添加span1成功了</span><br />  
商品编号:<span class=span1>13e25-08ee87</span><span class=span2>添加span1成功了</span><br />  
商品编号:<span class=span1>1425-038733</span><span class=span2>添加span1成功了</span><br />  
商品编号:<span class=span1>152f5-1867</span><span class=span2>添加span1成功了</span><br />  
商品编号:<span class=span1>1625-0887h555</span><span class=span2>添加span1成功了</span><br />  
商品编号:<span class=span1>17ww25-3333330387</span><span class=span2>添加span1成功了</span><br />  
商品编号:<span class=span1>qq1825-1867444</span><span class=span2>添加span1成功了</span><br />  

补充说明：当然，也可以不要innerHTML方法，只要达成效果就行了。。

---

    yournumber.wrap('<div class="span1">').parent().parent().append('<div class="span2">')