浏览器兼容真麻烦！得好好学习，W3C规范得看看
ie,firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChile方法也不管用。下面是我就三种浏览器测试的结果：
ie6 firefox opera
--------------------------------------------------------------------------------
insertRow 支持，而且 支持， 支持，
默认参数-1 但不支持默认参数 支持默认参数0
默认添加到最后 默认添加到最前
--------------------------------------------------------------------------------
appendChild 不支持 支持，但是增加 支持，效果同insertRow(-1)
tr后不影响rows 影响rows
最大限度的遵循规范，就能写出安全的、适用性强的代码了:
//向table追加一个空行：
var otr = otable.insertRow(-1);
var otd = document.createElement("td");
otd.innerHTML = " ";
otd.className = "XXXX";
otr.appendChild(otd);
这样就可以运行在这三种浏览器上了
分享到：
相关推荐
var _tr=_table.insertRow(i); //创建八列 for(var j=0;j;j++){ var _td=_tr.insertCell(j); //var _tn=document.createTextNode(i.toString()+j.toString()); var t=document.createElement...
实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow
在IE浏览器中，可以直接调用`table.insertRow()`，但在Firefox等其他遵循W3C标准的浏览器中，需要指定插入位置，即`table.insertRow(-1)`，表示在表格末尾插入新行。此方法接受一个可选参数`index`，用于指定插入新...
例如，`insertRow()`函数在IE中默认插入位置为-1，而在Firefox中必须明确指定插入位置。 ```javascript var table = document.getElementById('myTable'); // 在IE中插入一行 var row = table.insertRow(); // 在...
var row = table.insertRow(); for (var i = 0; i < data.length; i++) { var cell = row.insertCell(); cell.innerHTML = data[i]; } } // 假设你有新的数据数组 var newData = ['新数据1', '新数据2', '新...
### JavaScript操作Table的特性 #### 一、概述 在Web开发中，`<table>`元素是一种常见的HTML结构，用于展示数据。随着JavaScript的发展，我们可以通过脚本来动态地控制表格的行为和外观，从而实现更加丰富的用户...
### JS 实现动态插入输入框以及删除、位置调换 #### 概述 在Web开发中，经常需要根据用户操作动态地添加或移除表单元素。本文将深入探讨如何利用JavaScript来实现动态插入文本输入框及对其进行删除与位置调整的...
在JavaScript（js）中，展示数据的常用方式之一就是通过HTML的`<table>`元素。本文将深入探讨如何使用JavaScript来动态地创建、操作和展现`<table>`，以及如何结合其他技术，如单点登录（Single Sign-On, SSO）和...
var tr=table.insertRow(); var datalength=table.rows.length-1; var dataIndex=datalength-1; var TextIDCell=tr.insertCell(); TextIDCell.innerHTML=...
本文将详细讲解如何使用JavaScript实现这一功能，并确保兼容Internet Explorer（IE）和Firefox这两种主流浏览器。 首先，我们需要理解XML（Extensible Markup Language）是一种用于存储和传输结构化数据的标记语言...
var tr=table.insertRow(); var datalength=table.rows.length-1; var dataIndex=datalength-1; var TextIDCell=tr.insertCell(); TextIDCell.innerHTML="<input name=\"TextID\" type=\"text\" style=\"width...
在JavaScript中，动态修改表格（Table）以及合并单元格是常见的需求，特别是在处理数据展示或者报表生成时。以下将详细介绍如何使用JS实现这些功能。 首先，要动态修改表格，我们需要获取表格元素。在HTML中，表格...
《vxe-table：Vue.js表格解决方案深度解析》 在当今的Web开发中，表格作为一种重要的数据展示和交互组件，被广泛应用于各种业务场景。vxe-table是基于Vue.js框架的一个强大且灵活的表格解决方案，其版本v4.5.20在...
6. **操作HBase表**：获取表的`Table`对象，使用`Connection`的`getTable(TableName)`方法，传入表名。在导入数据前，确保表已存在，或者在代码中创建表。 7. **解析数据**：根据日志文件的格式，编写解析逻辑，将...
在JavaScript（JS）中，动态操作表格是一种常见的需求，它涉及到HTML DOM（Document Object Model）的元素操作。本文将深入探讨如何使用JavaScript实现对表格的动态添加、删除、修改和查询功能，结合给出的标签...
在JavaScript的世界里，HTML表格（Table）是一种常用的数据展示方式，而JS操作表格则成为网页动态交互的关键。本文将深入探讨如何使用JavaScript进行表格的创建、修改、删除以及实现一些特殊效果。 首先，我们从...
### JavaScript 动态生成 Table 及处理 在现代 Web 开发中，动态生成 HTML 元素是一种非常实用的技术，尤其当涉及到数据展示时，如表格（`<table>`）。通过 JavaScript 动态生成表格可以更加灵活地管理和更新数据。...
### JavaScript 下动态创建表格的三种方式 在网页开发过程中，经常需要通过JavaScript来动态地创建或更新HTML元素，其中就包括表格（`<table>`）。本文将详细介绍在JavaScript中动态创建表格的三种常见方法，并对每...
在JavaScript（JS）中，动态地向HTML表格添加或删除行是一项常见的操作，尤其是在构建交互式用户界面时。这篇博客“JS example：点击按钮table增加一行，删除一行”提供了具体的示例，帮助开发者掌握这一技能。 ...