对Table或TR元素使用innerHTML时报“未知运行时错误”解决方案。

最新推荐文章于 2022-04-24 09:13:42 发布
原创 最新推荐文章于 2022-04-24 09:13:42 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#table #div #ie

本文探讨了在Internet Explorer浏览器中使用innerHTML属性修改table元素时出现的未知运行时错误问题。通过对具体代码示例的分析，揭示了TR和Table对象对innerHTML的限制，并提出了使用span或div作为容器来规避此问题的有效解决方案。

有时候对table使用innerHTML时报“未知运行时错误”。

先上代码片段。

 

 

 

如果使用document.getElementById("tbl").innerHTML = "<tr><td></td><td></td><td></td></tr>"; 时，在IE下有时候会报“未知运行时错误”，上次遇到了感觉很怪异，非ie下没问题。

 

原因： TR、Table对象的包容性比较低，对innerHTML使用会报错。

 

解决：尽量使用span或者div当容器，再在span或div中使用innerHTML。

js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
12-29
本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下： 问题描述： 网站中使用了一个js插件，设置innerHTML时，在IE8下报错“未知运行时错误”： <div id=divContainer> <a> -->报错处 第三方插件内容… </a> </div> 原因： 所设置的innerHTML的对象是一个<a>,是由于<a>的对象包容性的比较低，当浏览器运行这段脚本时，校验出了运行时错误。 解决方法： 将<a>标签替换为<div>标签。 希望本文所述对大家的javascript程序设
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
01-19
[removed] <tr id=”trone”> </tr> 在IE中，有时候会出现”未知的运行时错误(unknown runtime error)”,而在firefox里不会。 这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html...
JavaScript设置innerHTML时出现“未知的运行时错误”--我也遇上了
每天都有新发现
05-22 4859
以下是在Google的帮助下找到的解决方法：在Ajax里经常会通过innerHTML来改变界面，这个比使用DOM要简单一些。 比如： element.innerHTML = "something" 不过，在IE中，有时候会出现"未知的运行时错误(unknown runtime error)",而在firefox里不会。 这主要是IE在对innerHTML进行写
在使用tr的时候经常遇到的错误1
yzkdcsdn的博客
12-17 6193
我们在使用tr、td等表格类的时候会经常遇到这样一个问题 英文大致意思如下： 警告：ValidatedMonitoring（…）： <tr>不能显示为<table>的子级。向代码中添加<tbody>， 以匹配浏览器生成的DOM树。 解决这个问题也很简单，因为提示已经告诉我们只需要加个tbody就可以了，所以我们在tr的外层加一层tbody就可以了，示例如下： 学费了吗？！！！ ...
在IE浏览器里，使用tr的innerHTML不管用的解决方案（原创）
Aubergine_kang的专栏
09-26 884
程序一个bug：   点击按钮，调用js，添加一行，行里多个td，td里有select、textfield等。 我使用tr的innerHTML来复制一行。 在google浏览器里点击按钮可以增加一行。 在IE里点击按钮不能增加一行。       例如，我如下的代码：      function add(obj){                var addTbl=docume...
解决ie下table,tr,td等的innerHTML只读问题
翡翠梦境
04-29 875
[b]innerHTML[/b]: The property is read/write for all objects except the following, for which it is read-only: COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR. TR inne...
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
09-05
总结起来，解决CodeMirror2在IE7/IE8下出现的“未知运行时错误”的关键在于理解`innerHTML`在老版本IE中的限制，以及调整HTML结构以避免使用不支持此属性的元素。通过将`textarea`移出`<p>`元素并放入`<div>`中，...
innerHTML-未知的运行时错误
Turn myself into a beast.
04-06 186
&lt;TABLE&gt; &lt;TBODY id="tbody"&gt; &lt;/TBODY&gt; &lt;/TABLE&gt; &lt;script language="javascript"&gt; var txtArray = new Array(); txtArray.push("&lt;tr&gt;");
tr.innerHtml和table.innerHtml问题
laodao1的专栏
06-29 4970
tr.innerHtml和table.innerHtml问题
InnerHtml() 与html( )的区别
weixin_34191734的博客
03-24 625
InnerHtml() 与html( )的区别   在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。   innerHTML 是从对象的起始位置到终止位置的全部内容,包括Html标签   我原本一直以为innerHTML和jquery里的html其实是完全一样的，j...
解决tessercat生成tr文件时报错问题。已经解决
weixin_46659230的博客
03-22 1379
解决tessercat生成tr文件时报错问题。已经解决。 问题背景 目前在做自动化的时候需要自动识别图像验证码，于是采用了python+pytessercat，使用tessercat-OCR去识别（具体使用步骤请移步到其他博客中查看如何使用）然而在训练字库时，调整完字体，生成tr文件时，报错内容为： ObjectCache(0x6761eba4)::~ObjectCache(): WARNING! LEAK! object 0x67fb8d68 still has count 1 (id /sdcard/t
tbody.innerHTML 的解决方案
liyichuanZhengzhou的博客
04-24 571
function user_settings_tbody_load() { var div = document.createElement('div'); div.innerHTML = get_user_settings_tr_html(); $$('#dataGrid').appendChild(div.querySelector('table > tbody').cloneNode(true)); div.innerHTML = ''; div = null; }
Angular中使用 innerHTML 指令时自动移除style属性的解决办法
05-27
在Angular中，使用innerHTML指令时，确实会自动移除style属性，这是因为Angular认为这样可以避免可能的XSS攻击。如果你需要在Angular中使用innerHTML指令并保留style属性，可以使用以下两种方法中的任何一种： 1. 使用DomSanitizer 可以使用Angular提供的DomSanitizer服务来手动信任HTML字符串。首先，在组件的构造函数中注入DomSanitizer服务，然后在template中使用管道来信任HTML字符串，例如： ``` import { Component } from '@angular/core'; import { DomSanitizer } from '@angular/platform-browser'; @Component({ selector: 'app-root', template: ` <div [innerHTML]="trustedHtml"></div> ` }) export class AppComponent { trustedHtml: any; constructor(private sanitizer: DomSanitizer) { const html = '<div style="color: red;">Hello, World!</div>'; this.trustedHtml = this.sanitizer.bypassSecurityTrustHtml(html); } } ``` 在这个例子中，我们首先注入了DomSanitizer服务，然后在构造函数中使用该服务的bypassSecurityTrustHtml方法来信任HTML字符串。最后，在template中使用innerHTML指令和trustedHtml变量来渲染HTML。 2. 使用HostBinding 可以使用@HostBinding装饰器来绑定元素的innerHTML属性，并在组件中手动设置该属性，例如： ``` import { Component, HostBinding } from '@angular/core'; @Component({ selector: 'app-root', template: ` <div [innerHTML]="html"></div> ` }) export class AppComponent { @HostBinding('innerHTML') html: any; constructor() { const html = '<div style="color: red;">Hello, World!</div>'; this.html = html; } } ``` 在这个例子中，我们使用@HostBinding装饰器来绑定元素的innerHTML属性，并在构造函数中手动设置该属性。这样，Angular就不会自动移除style属性了。 需要注意的是，使用innerHTML指令时需要非常谨慎，因为它可能会导致XSS攻击。因此，除非你确实需要使用innerHTML指令，否则最好避免使用它。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值