多次修改span.outerText值导致报错

在做一个表格筛选的程序，每一次筛选结束，要求显示筛选结果的记录数，这里用到了<span>。

第1次筛选没有问题，但是第2次筛选的时候开始报错了，总结如下：

 

下面的第二个alert结果显示获取的对象为null 

 

<span id="_currQueryCount">${requestScope.orderCount }</span>

<script  language= "javascript"> 
alert(document.getElementById("_currQueryCount"));
document.getElementById("_currQueryCount").outerText=count+"";
alert(document.getElementById("_currQueryCount"));
</script>

 

因此多次调用这段代码来修改<span>中的值会报错，其实第2次的时候，就会报错了。

 

 

问题原因：

没有仔细研究是为什么，但测试证明给span.outerText赋值，造成了这样的结果

 

解决办法：

用span.innerHTML来代替span.outerText，问题成功解决