解决-innerHTML无法在TBODY中使用 - goby2008 - ITeye博客

`

goby2008

浏览: 606190 次

最近访客更多访客>>

jAmEs_

k-ping

fygday

bill1

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

youngdze：受教了，谢谢！
十步解决php utf-8编码
DiLiya：感谢你的讲解；帮了大忙了！
解决-innerHTML无法在TBODY中使用
eppen：强的没话说。帮了大忙。感谢goby2008 ,感谢google ...
解决-innerHTML无法在TBODY中使用
cxs4808： rr
flex 设计模式
liuxingvsyou：
3个jQuery弹出窗口插件

解决-innerHTML无法在TBODY中使用

博客分类：

js

JavaScript HTML

阅读更多

<html>   
    <head>   
      <SCRIPT   language=javascript>   
        function   doSomething(){   
          tbody   =   document.all.item("test");   
  tbody.parentNode.outerHTML   =   tbody.parentNode.outerHTML.replace(tbody.innerHTML,"<tr><td>ab</td><td>ok</td></tr>");   
                  
        }   
      </SCRIPT>   
      </head>   
    <body   onload=doSomething()>   
      <table>   
<tr><td>123</td><td>12<td></tr>
      <TBODY   id="test">   
        <tr>   
            <td>测试</td>   
            <td>不成功</td>   
        </tr>   
      </TBODY>   
    </table>   
    </body>   
  </html>

分享到：

40个迹象表明你还是PHP菜鸟 | From summer resorts to wealthy suburbs, ...

2008-12-06 15:50
浏览 3806
评论(3)
查看更多

评论

3 楼 DiLiya 2012-12-04

感谢你的讲解；帮了大忙了！

2 楼 eppen 2012-08-14

强的没话说。帮了大忙。
感谢goby2008 ,感谢google 感谢iteye

1 楼 lylelb 2010-03-23

非常好用，十分感谢！

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

IE6-IE9中tbody的innerHTML不能赋值的解决方法: IE6-IE9中tbody的innerHTML不能赋值，重现代码如下 Js代码 <!DOCTYPE html> <html> <head> <meta charset=utf-8/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </...

IE中关于使用innerHTML加入HTML代码的问题: 总结起来，innerHTML属性在JavaScript中用于动态更新HTML内容，但在IE中对某些特定元素（如`<tbody>`）是只读的。为了解决这个问题，可以使用innerText属性在这些元素中插入纯文本，但请注意这将不包含HTML结构。在...

jquery appen table 问题 ie8下解决方法: 在解决此类问题时，利用开发者工具进行调试是非常重要的。IE8内置的开发者工具可以用来检查DOM结构，追踪代码执行，以及查看可能的错误信息。 6. **最佳实践：** - 使用`<!DOCTYPE html>`声明以触发浏览器的标准...

IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案: 最近发现各大类库都能利用xxx[removed]=HTML片断来生成节点元素，再把它们插入到目标元素的各个位置上。这东西实际上就是insertAdjacentHTML，但是IE可恶的innerHTML把这优势变成劣势。

IE 下的只读 innerHTML: 首先，使用`document.createElement`方法创建新的`<tr>`和`<td>`元素，然后分别设置`<td>`的`innerHTML`属性，接着使用`appendChild`方法将创建的`<td>`元素添加到`<tr>`中，最后将`<tr>`元素添加到`<tbody>`中。...

Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法: 然而，在Internet Explorer（IE）浏览器中，使用innerHTML时可能会遇到“未知的运行时错误”。这个问题通常与HTML结构的合法性以及IE对于innerHTML操作的特殊处理有关。首先，我们来看一下引发这个错误的常见原因...

IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法: 总的来说，当在IE6、7、8、9中遇到innerHTML无法赋值的问题时，开发者应转向使用DOM API进行更底层的操作，而不是依赖innerHTML属性。这可能需要更多的代码量，但能确保在所有浏览器中的兼容性。同时，随着现代...

vb网页功能操作.doc: 在 VB 中，可以使用函数来提取字符串或网页源代码中指定的资源。下面是一个简单的函数示例： ```vb Public Function FindStrMulti$(Strall$, FirstStr$, EndStr$, SplitStr$) '参数总文本,起始字符串,终止字符串,...

javascript 异步的innerHTML使用分析: JavaScript中的异步innerHTML使用主要涉及的是在处理大量数据或复杂DOM结构时，如何避免阻塞浏览器并优化性能的问题。innerHTML属性通常用于动态更新HTML元素的内容，但当涉及到大量的DOM操作时，尤其是对于商务应用...

IE 不兼容的几个js问题及解决方法: 在使用JavaScript动态创建`<table>`元素并添加行（`<tr>`）或单元格（`<td>`）时，直接使用`document.createElement()`结合`appendChild()`可能无法在Internet Explorer（IE）中正确显示。 **解决方法：** 为了确保...

innerHTML与jquery里的html()区别介绍: 因此，通常建议避免在用户可控的输入中使用 `.html()`，除非你已经对输入进行了充分的验证和清理。对于后加载广告的情况，`append` 方法是一个很好的选择，因为它可以将 HTML 字符串追加到现有元素的末尾，而不会...

JQuery Easy-UI DataGrid性能调优: - 该方法中使用了`:has`伪选择器来查找已勾选的行，但在大数据量情况下，这种选择器的查找效率较低。 **优化方案一：改进选择器** - **实现方法**：考虑到Checkbox列的DOM结构是固定的，可以通过更高效的选择器来...

IE bug table元素的innerHTML: 首先时飘忽不定的collapse的border，ie6偏偏...排查了半天，结果是IE的table元素为只读，不能使用innerHTML！！！！同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, T

js表格操作，DOM实现数据动态增删查改: - 将新创建的行元素插入到`<tbody>`中，可以使用`appendChild`或`insertBefore`方法。 2. **数据绑定** - 创建一个JavaScript数组存储表格数据，例如：`var data = [{id: 1, name: 'John', age: 30}, {...}]`。 ...

JavaScript实现表格排序，点击表头切换升序降序，非常简单: 在网页开发中，数据展示通常会使用到表格（Table）元素，而为了提供更好的用户体验，我们经常需要为表格添加排序功能。这篇教程将详细介绍如何使用JavaScript实现这一功能，让使用者可以点击表头来轻松切换升序或...

js动态添加删除行，实用: 在JavaScript编程中，动态添加和删除表格行是常见的需求，特别是在网页交互和数据展示中。本文将详细讲解如何使用纯JavaScript实现这一功能。首先，我们需要理解HTML中的`<table>`元素，它是创建表格的基本结构。...

JS点击表头排序: 在实际项目中，可能还需要考虑更多因素，如处理数字和日期的排序，以及处理包含空值或非字符串类型数据的列。此外，为了提高性能，可以使用更高效的排序算法，例如快速排序或归并排序。同时，为了避免重复触发排序...

Global site tag (gtag.js) - Google Analytics