`
jamm19860411
  • 浏览: 86601 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

table.innerHTML

阅读更多
错误现象:
     在IE中使用如下语句:table.innerHTML = content; 动态修改table的HTML内容时,出现“未知运行错误”。
错误原因:
     table的innerHTML属性是只读的,不能更改。类似的还有THEAD、TFOOT和TR。
解决方法:
      使用table的对象模型或者DOM方法动态修改table,如:insertRow、insertCell、createTfoot、createThead或apendChild等。



----------------------------------------------------------------

若是大批量修改:可以外套div,进行innerHTML更改,例如:

<div id="div1">
    <table id="table1" border="1" bordercolor='#000000' align="center"  
    style="border-collapse:collapse;width:500px"> 
       </table>
    </div>
分享到:
评论

相关推荐

    js操作table

    table.innerHTML = ''; ``` 3. 重新填充数据:根据新的数据源,重新创建表格行和单元格,并添加到表格中。 ```javascript function addRow(data) { var row = table.insertRow(); for (var i = 0; i &lt; data.length...

    html页面表格导出excel(原生js浏览器全兼容)

    var table = document.getElementById('myTable'); var rows = table.rows; var data = []; for (var i = 0; i &lt; rows.length; i++) { var rowData = []; for (var j = 0; j [i].cells.length; j++) { rowData....

    ParseTable.rar_Table

    HTMLDoc.body.innerHTML = HTMLContent 'HTMLContent是包含HTML的字符串 Dim table As MSHTML.HTMLTable Set table = HTMLDoc.getElementsByTagName("table")(0) For Each row In table.rows For Each cell In ...

    javascript marquee

    &lt;table style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" cellSpacing=0 cellPadding=0 width=750 align=center ...

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

    其中一个常见的问题是这些版本的IE不支持`table.innerHTML`属性,这在试图动态更新表格内容时会造成困扰。`innerHTML`属性允许开发者设置或获取HTML元素内部的HTML内容,但在特定的元素,如`table`、`col`、`...

    javascript 操作table的特性.docx

    if (x.innerHTML.toLowerCase() &lt; y.innerHTML.toLowerCase()) { shouldSwitch = true; break; } } } if (shouldSwitch) { rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); switching = true; ...

    JS操作table

    var table = document.createElement('table'); var row = document.createElement('tr'); var cell1 = document.createElement('td'); var cell2 = document.createElement('td'); cell1.innerHTML = '新...

    js动态操作table实例

    if (cells[0].innerHTML.includes(searchName)) { table.scrollTop = table.scrollHeight; // 滚动到找到的行 return i; // 返回匹配行的索引 } } return -1; // 没有找到 } // 查找名字为'张三'的行 var ...

    asp.net无刷新操作表格(增加,删除行),包括后台如何取值

    var table=document.getElementById('TestTable'); var tr=table.insertRow(); var datalength=table.rows.length-1; var dataIndex=datalength-1; var TextIDCell=tr.insertCell(); TextIDCell.innerHTML=...

    .NET目录树

    var table=document.getElementById('TestTable'); var tr=table.insertRow(); var datalength=table.rows.length-1; var dataIndex=datalength-1; var TextIDCell=tr.insertCell(); TextIDCell.innerHTML=";...

    JavaScript 实现 Excel数据导出 支持多个Sheet页导出

    可以使用`new Blob([table.innerHTML], {type: 'application/vnd.ms-excel'})`来创建,其中`table.innerHTML`是表格的HTML内容,`type`属性指定文件类型。 5. **生成下载链接**:使用FileSaver.js库创建一个下载...

    javascript表格随机排序代码.docx

    table.innerHTML = ''; rows.forEach(function(row) { table.appendChild(row); }); ``` 以上就是用JavaScript实现表格随机排序的基本步骤。在提供的代码中,可能还包含了CSS样式,用于美化展示效果,例如设置表格...

    基于javascript,ajax,json的在前端动态显示你的任何表格数据

    table.innerHTML = ''; data.forEach(function(row) { var tr = document.createElement('tr'); tr.innerHTML = `${row.Column1}&lt;/td&gt;&lt;td&gt;${row.Column2}&lt;/td&gt;`; // 添加其他列 table.appendChild(tr); }); ...

    js动态的添加元素例如表格1

    table.innerHTML += "&lt;tr&gt;&lt;td&gt;新添加的表格单元格&lt;/td&gt;&lt;/tr&gt;"; ``` 在上面的代码中,我们首先获取了 id 为 "myTable" 的表格元素,然后使用 innerHTML 属性将新的表格行添加到表格中。 2. 使用 createElement 和 ...

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

    IE6-IE9中tbody的innerHTML不能赋值,重现代码如下 Js代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8/&gt; &lt;title&gt;IE6-IE9中tbody的innerHTML不能复制bug&lt;/title&gt; &lt;/...

    实现表格动态正序和倒序的交互

    table.innerHTML = '&lt;thead&gt;' + table.querySelector('thead').innerHTML + '&lt;/thead&gt;'; for (let row of rows) { table.tBodies[0].appendChild(row); } } ``` 4. **优化策略**: - **性能优化**:避免频繁...

    解决方案_JS获取H5table内容.rar

    这个"解决方案_JS获取H5table内容.rar"压缩包提供了一个方法来解决这个问题,适用于那些需要从网页表格中提取信息并进行后续处理的场景。 首先,我们需要了解HTML5中的`&lt;table&gt;`元素。它用于组织信息,通常包含行...

    javascript万能table合并单元格,隐藏列 html版

    var cell1 = table.rows[i].cells[c].innerHTML; var cell2 = table.rows[j].cells[c].innerHTML; if (cell1 == cell2) { // 如果当前行和下一行的单元格内容相同,则隐藏下一行的单元格,并增加当前单元格的 ...

    javascript清空table表格的方法

    table.parentNode.outerHTML = table.parentNode.outerHTML.replace(table.innerHTML,""); // 清空表格数据 ``` 此方法在某些情况下可以解决innerHTML带来的问题,但同样地,它也会丢失所有现有的事件处理器以及对...

    js动态绘制表格,实现动态绘制,添加 和删除

    var table = document.createElement('table'); // 创建第一行 var row = document.createElement('tr'); var cell1 = document.createElement('td'); cell1.innerHTML = '单元格1'; row.appendChild(cell1); var ...

Global site tag (gtag.js) - Google Analytics