`
xixian
  • 浏览: 215357 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IE6,7table不支持innerHTML,appendChild问题解决

    博客分类：
  • js
IEASPHTML 
阅读更多
发现垃圾IE下table不支持innerHTML,appendChild方法
只能用table特有的方法来处理
详细方法见http://www.w3school.com.cn/htmldom/dom_obj_table.asp
deleteRow() 从表格删除一行。
insertRow() 在表格中插入一个新行。 
<html>
<head>
<script type="text/javascript">
function insRow()
  {
  var x=document.getElementById('myTable').insertRow(0)
  var y=x.insertCell(0)
  var z=x.insertCell(1)
  y.innerHTML="NEW CELL1"
  z.innerHTML="NEW CELL2"
  }
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="insRow()" value="插入行">

</body>
</html>



分享到：
| js 兼容ie6,ie7,firefox图片预览
评论
发表评论

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

相关推荐

    IE 不兼容的几个js问题及解决方法

    ### IE浏览器中的JavaScript不兼容性问题及解决方案 #### 一、Table操作问题 **问题描述：** 在使用JavaScript动态创建`&lt;table&gt;`元素并添加行（`&lt;tr&gt;`）或单元格（`&lt;td&gt;`）时，直接使用`document.createElement()`...

    IE6-IE9不支持table[removed]的解决方法分享

    总结来说，解决IE6-IE9不支持`table.innerHTML`的问题，需要借助于创建临时元素和操作DOM结构的方法。这个方法不仅适用于`table`元素，也可以扩展到其他不支持`innerHTML`的元素，以实现类似的功能。同时，随着...

    IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法

    其中一个经典的问题就是尝试使用JavaScript的innerHTML属性来修改表格（Table）或选择列表（Select）的内容，但在IE6、7、8、9版本中，这可能会遇到一些挑战。innerHTML属性通常用于设置或获取元素的HTML内容，但在...

    jquery appen table 问题 ie8下解决方法

    本文将深入探讨“jquery append table问题在IE8下的解决方法”，结合给出的标签“源码”和“工具”，我们来详细讨论这个问题。 在jQuery中，`append()`函数是一个非常常用的方法，它允许我们在DOM（Document Object...

    IE bug table元素的innerHTML

    这个bug体现在，当你尝试通过`innerHTML`属性来改变`table`元素的内容时，IE6会出现问题。例如，当你尝试用新的HTML字符串替换现有的`table`元素，IE6不会正确地解析和渲染这些新内容。最糟糕的是，对于某些情况，...

    IE6-IE9中tbody的innerHTML不能赋值的解决方法

    如果`isupportTbodyInnerHTML`返回`false`，说明当前浏览器（可能是IE6-IE9）不支持直接通过`innerHTML`设置`&lt;tbody&gt;`的内容。 为了在这些不支持的浏览器中实现类似的功能，我们可以采取替代策略。一种方法是创建一...

    解决ie6 select的title不能显示的问题

    ### 解决IE6环境下`select`元素的`title`属性无法正常显示的问题 在Web开发过程中，经常会遇到一些浏览器兼容性问题，特别是在处理老旧版本的Internet Explorer（IE）时更为明显。本文将针对一个特定的问题——如何...

    IE 下的只读 innerHTML

    值得注意的是，如果`&lt;table&gt;`元素没有`&lt;tbody&gt;`子元素，直接在IE6中对`table`使用`appendChild`方法是无效的，因为IE6不支持对`table`元素直接进行`appendChild`操作（IE8及以上版本已修复此问题）。在这种情况下，...

    jsp\(二)未知的运行时错误(ie6的未指明的错误) .doc

    在使用JSP开发Web应用程序的过程中，可能会遇到一个特定的问题：即在Internet Explorer 6浏览器下出现“未指明的错误”，而在较新的版本如IE7和IE8中则显示为“未知的运行时错误”。这个问题主要发生在对某些HTML...

    Javascript在IE和FireFox中的兼容处理

    - IE支持`document.all`来获取所有元素，Firefox则不支持。应优先使用`document.getElementById`或`querySelector`等标准方法。 4. **input的type属性问题** - 不同浏览器对某些HTML5新类型的输入框支持不同，如`...

    Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法

    3. **特定容器限制**：`&lt;tbody&gt;`、`&lt;table&gt;`、`&lt;tr&gt;`等标签在innerHTML操作时，对于它们内部的内容也有严格的限制。直接修改这些元素的innerHTML，特别是插入非标准或不完整的HTML结构，可能引发错误。 解决这个...

    前段JS开发和DOM兼容问题大全

    9. 对于table标签的操作，IE浏览器不允许对其和tr元素的innerHTML属性赋值，且使用appendChild方法增加一个TR时也可能不起作用。在IE中，可以通过`insertRow`和`insertCell`方法动态添加行和单元格。 二、其他DOM...

    JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐) .zip

    同时，IE不支持`responseType`属性，需要在`onreadystatechange`事件中手动转换`responseText`到`DOMParser`解析的XML。 ```javascript if (window.DOMParser) { var parser = new DOMParser(); xmlDoc = parser....

    ajax中的IE和火狐的区别

    - **innerText**: IE支持`element.innerText`，而Firefox则不支持。因此，在获取或设置文本内容时，应考虑使用`element.textContent`作为跨浏览器的替代方案。 - **innerHTML**: 两种浏览器均支持`element....

    JavaScript Table行定位效果

    定位方面，除了不支持fixed的ie6用absolute，其他都使用fixed定位。 【克隆tr】 table有一个rows集合，包括了table的所有tr（包括thead和tfoot里面的）。 程序的Clone方法会根据其参数克隆对应索引的tr： this._...

    table动态添加行并编辑

    在网页开发中，表格（Table）是一种常见的数据展示方式，特别是在需要展示结构化信息时。JavaScript（js）作为客户端脚本语言，使得我们能够实现表格的动态交互功能，如动态添加行、行编辑以及行数据修改。下面我们...

    javascript 异步的innerHTML使用分析

    4. **兼容DOM标准**：回调的节点可以通过DOM标准的方法（如appendChild）插入，解决了像IE中table、tbody等标签innerHTML只读的问题。 然而，这种技术并非万能，例如在某些浏览器中，特别是IE8及以下版本，将节点...

    使用JS操作页面表格，元素的一些技巧

    （一） ie 、firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不...IE6 :不支持 FireFox :支持,但增加TR后不影响ROWS Opera :支持,效果同insertRow(-1),影响ROWS  最大限度的遵循规范，就能写出安

Magicbox
Global site tag (gtag.js) - Google Analytics