`
c_c
  • 浏览: 86035 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

多次修改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,问题成功解决

 

 

 

分享到:
评论

相关推荐

    innerHTML、outerHTML、innerText、outerText的用法与区别

    .innerHTM、outerHTML、innerText、outerText的用法与区别 .innerHTML、outerHTML、innerText、outerText是HTML文档对象模型(DOM)中四个常用的属性,它们都是用来操作HTML元素的内容的,但它们之间有着很大的区别...

    跨浏览器开发经验总结(三) 警惕“IE依赖综合症”

    DHTML DHTML是个好东西,大大方面了前端的交互实现,使得获取页面元素以及动态修改页面元素变的简单无比。但是所有的浏览器都认识这些语法吗? document.all document.all不是所有浏览器都能识别,要写出更通用的...

    JS 获取span标签中的值的代码 支持ie与firefox

    在JavaScript中,获取HTML元素的内容或值是一项基本操作,尤其对于像`&lt;span&gt;`这样的文本容器标签来说。本文将详细讲解如何在不同的浏览器环境中,包括IE和Firefox,正确地获取`&lt;span&gt;`标签内的文本内容。 `&lt;span&gt;`...

    你不知道的outerText,innerText 区别说明

    理解 outerText, innerText, innerHTML, outerHTML 的区别和使用场景 outerText, innerText, innerHTML, outerHTML 是 HTML 元素的四种不同的属性,它们之间有着细微的区别,理解它们的区别和使用场景对于前端...

    javascript innerHTML、outerHTML、innerText、outerText的区别

    例如,`myDiv.outerHTML = "&lt;span&gt;New Content&lt;/span&gt;"`将替换掉`&lt;div&gt;`为一个新的`&lt;span&gt;`元素。 - 示例:`document.getElementById("test_id3").outerHTML = "&lt;i&gt;&lt;u&gt;设置或获取对象及其内容的 HTML 形式.&lt;/u&gt;&lt;/i&gt;...

    innertext和outertext以及div

    innertext和outertext以及div,在编写网页时经常用到的,很好用.

    html innerHTML outerHTML innerText outerText等的区别及实例汇总

    html js innerHTML outerHTML innerText outerText 等的区别及实例汇总

    innerHTML,outerHTML,innerText,outerText的用法及区别解析

    div.outerHTML = '&lt;span&gt;新的元素&lt;/span&gt;'; ``` - 当设置`outerHTML`时,它会用新的HTML字符串替换整个元素,包括元素本身。 3. **innerText** - `innerText` 属性用于获取或设置元素内部的纯文本内容,不包括...

    asp.net实现删除DataGrid的记录时弹出提示信息

    本文实例展示了asp.net实现删除DataGrid的记录时弹出提示信息的... if(event.srcElement.outerText==删除||event.srcElement.name==btnDictDel) event.returnValue=confirm&#40;该操作将永久删除,确定删除?&#41;; }

    js对各标签(控件)的操作

    3. **innerText 和 outerText**:获取或修改文本内容。 ```javascript element.innerText; // 获取元素内部文本内容 element.innerText = '新的文本'; // 修改元素内部文本内容 element.outerText; // 获取元素...

    html中select的属性.pdf

    30. MULTIPLE:multiple 设置或获取表明列表中是否可选中多个项目的 Boolean 值。该属性控制 Select 元素的多选状态。 31. NAME:name 设置或获取对象的名称。该属性控制 Select 元素的名称。 32. nextSibling:...

    精通javascript

    • 12.15.htm innerText、outerText、outerHTML属性 • 12.16.htm document.all[] 第13章(\第13章) • 13.1.htm HTML对象模型 • 13.2.htm DHTML对象模型 • 13.3....

    精通JavaScript

    • 12.15.htm innerText、outerText、outerHTML属性 • 12.16.htm document.all[] 第13章(\第13章) • 13.1.htm HTML对象模型 • 13.2.htm DHTML对象模型 • 13.3....

    JavaScript使用技巧精萃

    if (event.srcElement.outerText == "删除") { return confirm("确定删除?"); } } document.onclick = delete_y; ``` ### 2. 使用正则表达式清理HTML字符串 正则表达式是处理字符串的强大工具。在...

    js效果alert整理

    if (event.srcElement.outerText === "删除") { event.returnValue = confirm("确认要删除吗?"); } } document.onclick = delete_confirm; &lt;a href="Delete.aspx" onClick="delete_confirm()"&gt;删除 ``` 这里...

    simple_html_dom,php下的html文件DOM解析库

    6. **保存修改**:完成修改后,使用`save()`函数保存为HTML文件,或者`outertext`属性获取修改后的HTML字符串。 ```php $html-&gt;save('output.html'); // 保存到文件 echo $html-&gt;outertext; // 输出修改后的HTML...

Global site tag (gtag.js) - Google Analytics