IE下JS使用innerHTML对table动态添加无效的原因

最新推荐文章于 2021-07-08 16:24:00 发布
最新推荐文章于 2021-07-08 16:24:00 发布
阅读量1.9k 收藏
点赞数
分类专栏： JS && CSS HTML 文章标签： table ie 微软 div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/larance001/article/details/7226483
版权
larance
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
javascript--IE不支持table的innerHTML解决方案
weixin_30849403的博客
09-17 101
经常会在开发中遇到操作表格的案例。但IE对表格的innerHTML属性并不支持； 这里在网上百度了下，找了一个替换的方案，用起来也比较方便； 先贴代码： customedEvent.deleteTr(nodes.shopTable); //先删除之前遗留的信息 此时表格已空；var rowIndex = nodes.shopTable.rows.length; // 需要编辑的表格，r...
通过innerHTML给table追加内容不生效
期待变成大神的博客
08-02 183
<tr> <td colspan="2">护士长签名：</td> <td colspan="9" class="matron" id="matron"></td> </tr> 用js动态给护士长签名赋值 //方法一 var matron = document.getElementsByClassName("matron"); matron[0].innerHTML = '名字' //方法二 var matron .
解决-innerhtml无法在tbody中使用
friping的专栏
08-06 443
Html代码 &lt;html&gt;           &lt;head&gt;             &lt;SCRIPT   language=javascript&gt;               function   doSomething(){                 tbody   =   document.all.item("test...
解决-innerHTML无法在TBODY中使用
GOBY 栏目
12-06 305
&lt;html&gt; &lt;head&gt; &lt;SCRIPT language=javascript&gt; function doSomething(){ tbody = document.all.item("test"); tbody.parentNode.outerHTML ...
HTML经验 给表格的行tr加border无效解决办法
weixin_42574613的博客
11-06 1312
在table的style中加入border-collapse: collapse即可显示（ 一定加在table上） 无效果的原因是因为标签的属性中没有border 和 solid 的属性 边框不折叠的表格(即border-collapse: collapse;) 行,列，行组和列组是不具border的 默认table边框是折叠的 参考自：https://blog.csdn.net/zlzbt/a...
IE bug table元素的innerHTML
01-19
首先时飘忽不定的collapse的border，ie6偏偏...排查了半天，结果是IE的table元素为只读，不能使用innerHTML！！！！ 同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, T
table动态添加行并编辑
09-12
JavaScript（js）作为客户端脚本语言，使得我们能够实现表格的动态交互功能，如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中，`<table>`元素用于创建表格，但...
IE 下的只读 innerHTML
12-03
值得注意的是，如果`<table>`元素没有`<tbody>`子元素，直接在IE6中对`table`使用`appendChild`方法是无效的，因为IE6不支持对`table`元素直接进行`appendChild`操作（IE8及以上版本已修复此问题）。在这种情况下，...
JS 动态获取节点代码innerHTML分析 [IE,FF]
12-12
”parentnode”> ”childnode”>child</span> </div> [removed] var childNode = ... [removed] 当为子节点添加默认属性时： childNode.className = “childClass”; 或： childNode.className = new String(“c
innerHTML动态添加html代码和脚本兼容多个浏览器
09-04
然而，由于浏览器之间的兼容性差异，直接使用innerHTML可能无法确保JavaScript代码在所有浏览器中都能正确执行。 问题的核心在于，不同的浏览器对于innerHTML插入的脚本处理方式不同。例如，Internet Explorer（IE...
ie11与html不兼容,IE11浏览器网页不兼容怎么办？IE 11浏览器网页不兼容解决方法...
weixin_35044481的博客
07-08 1004
如今Win10的Edge浏览器代替了该系统的原先浏览器，但大部分用户还是会选择使用IE 11，但是在IE 11浏览器在浏览一些网站时，IE 11浏览器会出现一些网页不兼容的问题，那如何更好的使用运行IE11浏览器呢？一起来看看一下4种方法吧！方法一：添加受信任的站点打开IE11浏览器， 点击右上角的“工具”选项，再选择“Internet选项”；2.点击界面的上方的“安全”选项卡，然后点击“受信任的...
FF Chrome IE11 innerHTML参数无法获取到value的值.
com_zyq的专栏
03-11 797
本次老系统添加兼容性改造碰到的一个问题. 老系统中单击某一行时通过obj.innerHTML获取数据.用IE11一直无法获取动态赋的value值,连手动填入的也无法获取. 神奇了. IE8下的效果: [img]http://dl2.iteye.com/upload/attachment/0115/7028/e75bed89-18a1-396a-97c5-6eb166de62fd.png...
关于js的. innerHTML赋值无效问题
a20001999的博客
10-23 5609
今天遇到了一个关于js的innerHTML赋值失败的问题，不管怎么赋值，永远都是空的，什么也得不到，也查了很多网上大家的回答，但是都解决不了，然后我单独新建了一个页面，就只写赋值，发现可以了，我又回到原来的那个页面(内容比较多)，发现又不可以，就很奇怪，后来经过我的反复测试，发现了解决方法: 只要把你要赋值的那一行放在window. onload的第一行就可以了，就像这样: window. οnlοad= function(){ var a=得到id a.innerHTML=" hello"; … }; 同
解决 innerHTML的浏览器兼容问题
奚学长的工地
09-30 5181
document.getElementById(id).innerHTML=trHtml; 上述代码在IE6-9中无效（IE10正常），直接报错： 　　IE9：Invalid target element for this operation. 　　IE6-8：Unknown runtime error 发现是在IE6-IE9下，下列元素table,
关于innerHtml()插入的代码样式失效
qq8693的博客
01-25 5399
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 最近公司要求研发一个手机适应的HTML页面，所以采用了BootStrap框架，页面很简单，就是根据用户输入的四个值，发送AJAX请求，去调用webservice接口得到json数据，把数据通过.innerHTML方法追加到id为neirong的div中，作为一个表格显示在下方，其中表格也是需要带class属性，带有Boo...
用html向表格插入新行,js向table表格中插入添加新行和选择删除行
weixin_35347870的博客
06-18 897
js向table表格中插入添加新行和选择删除行-综合特效-网页特效-站长新动力-msxindl.com#tab{width:50%;}#tab td{height:2em;text-align:center;}js向table表格中插入添加新行和选择删除行。第1行第1列第1行第2列第1行第3列全(选/不选)var i=1,flag=true;var tab=document.getElementB...
解决innerHTML在IE中无法使用
李厂长的自留地
10-08 1854
思路：innerHTML在IE中无法使用的时候，需要考虑使用javascript最根本的编码方式了，比如： var layers = dynamicMapServiceLayerBj.layerInfos;  var obj1 = new Option("", -1);  for(var i=0; i   var obj = new Option(layers[i].name, i
jQuery.html()和innerHTML在IE8中失效
beny
02-28 6024
代码如下： 在IE8上运行起来，下拉框中任何选项都没有，加打印发现块中没有任何数据 正常现象应该是有两个选项才对 而在IE11上又能正常显示，看来是在IE8中 opt_html 中的内容没有填充进去 把 $("MDVR_MAIN_[CH]_BRM").html(opt_html); 换成原生写法  document.getElementById('MD
table动态添加行和列
最新发布
05-27
动态添加表格行和列可以使用 JavaScript 或 jQuery。 添加行： 使用 JavaScript： ```html <table id="myTable"> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>小明</td> <td>20</td> </tr> </table> <button onclick="addRow()">添加行</button> <script> function addRow() { var table = document.getElementById("myTable"); var row = table.insertRow(); // 插入新行 var cell1 = row.insertCell(0); // 插入单元格 var cell2 = row.insertCell(1); cell1.innerHTML = "新姓名"; // 设置单元格内容 cell2.innerHTML = "新年龄"; } </script> ``` 使用 jQuery： ```html <table id="myTable"> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>小明</td> <td>20</td> </tr> </table> <button onclick="addRow()">添加行</button> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> function addRow() { $("#myTable").append("<tr><td>新姓名</td><td>新年龄</td></tr>"); // 添加行 } </script> ``` 添加列： 使用 JavaScript： ```html <table id="myTable"> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>小明</td> <td>20</td> </tr> </table> <button onclick="addColumn()">添加列</button> <script> function addColumn() { var table = document.getElementById("myTable"); var header = table.getElementsByTagName("th"); // 获取表头 for (var i = 0; i < header.length; i++) { var newCell = header[i].insertCell(-1); // 在表头插入单元格 newCell.innerHTML = "新列"; // 设置单元格内容 } var row = table.getElementsByTagName("tr"); // 获取表格所有行 for (var i = 0; i < row.length; i++) { var newCell = row[i].insertCell(-1); // 在每行末尾插入单元格 newCell.innerHTML = "新单元格"; // 设置单元格内容 } } </script> ``` 使用 jQuery： ```html <table id="myTable"> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>小明</td> <td>20</td> </tr> </table> <button onclick="addColumn()">添加列</button> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> function addColumn() { $("#myTable tr").each(function() { $(this).append("<td>新单元格</td>"); // 在每行末尾插入单元格 }); $("#myTable th:last-child").after("<th>新列</th>"); // 在表头插入新列 } </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

larance

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值