IE中只读的innerHTML属性

最新推荐文章于 2019-01-12 18:00:00 发布
最新推荐文章于 2019-01-12 18:00:00 发布
阅读量171 收藏
点赞数
分类专栏： javascript 文章标签： IE Ajax Firefox HTML

编写ajax程序时，经常需要动态生成页面元素，而element上属性innerHTML就是我们经常利用的途径。但今天在为一个table元素的innerHTML时赋值时，在firefox下是好的，但在ie6下就不行了。

 

查了一下原因，原来是在ie下，下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的。注意没有td!

 

经测试，ie7也是不行的。不知ie8下有没有变动！？

 

记录如此，备忘！

iteye_5395
关注
专栏目录
关于IE9及以下版本innerHTML问题
qq_41088108的博客
11-28 630
最近公司有个项目需要迭代，这里详细就不多叙述了。其中有个页面的功能是根据后端返回的值动态添加表格，用比较直白的话讲就是，需求上在tbody中新增tr，tr中新增td和相应的内容。这里我简单贴一下相关的前端js代码供大家参考一下： var tr = doc.createElement('tr') tr.setAttribute('class', 'traceInfo-' + (i + 1)) tr....
IE 下的只读 innerHTML
12-03
这个问题在IE浏览器中尤为突出，因为它对某些特定元素的`innerHTML`属性设为了只读。 在给定的问题中，开发者尝试通过JavaScript动态地向表格`<table>`的`<tbody>`元素添加新的`<tr>`行。在Firefox中，这样的操作是...
IE中关于使用innerHTML加入HTML代码的问题
09-25
innerHTML属性在原生javascript中被用于在一个标签内部加入HTML代码，但在IE下面就不适用了，下面有个示例代码，大家可以参考下
IE的innerHTML只读
tanguoshuai的博客
04-03 152
  一个是写的级联控件，在动态创建select的option时遇到的问题。    刚开始的做法是在后台通过dwr返回 键值对时，使用prototype的模板，生成一串innertHTML然后设置到select节点进去，这种方式在FF上能正常处理，但是在ie下打死都出不来效果。所以这种方法就被抛弃了。     接着的方式是，通过document.createElement('opti...
面对万恶的IE 对TBODY 只读,而且不能设置INNERHTML的解决办法
10-09 207
在FF下 document.getElementById("tbody1").innerHTML="";是正常 但在IE下就不行...所以我们只能这样了
今天才知道有些标签的innerHTML属性是只读的
IT_zen的专栏
03-09 1796
请参照微软文档：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. The property has no def
ie下tbody的innerhtml属性只读
weixin_34362790的博客
03-06 97
在ie下，下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的。注意没有td。也就是说，如果要用innerHTML方法，包括jquery的html()方法设置html内容，只能操作td的html内容。 天杀的，我傻乎乎的为了这个问题纠结了一个上午！ ...
IE下innerHTML的问题
06-09 387
今天在开发过程中，在进行div的动态设置的时候，在IE下，提示：未完成的。。。。经过一番的搜索，发现IE下的某些HTML元素的innerHTML是只读的。所以在对innerHTML赋值时，会出现错误。解决方法： 在需要赋值的地方，用createElement新创建一个div，再进行赋值，然后将这个新建的div添加到父节点中（appendChild）。
IE的innerHTML
luolonghao
05-16 199
在IE下，通过innerHTML创建DOM，有一些和其它浏览器不同的地方，不是任何HTML都正确解析，有些情况下还报JS错误。 1. 以下代码会无效或报JS错误。 [code="javascript"] document.body.innerHTML = ''; [/code] 3. 以下代码不会创建script部分的DOM。 [code="javascript"] docu...
IE6-IE9中tbody的innerHTML不能赋值的解决方法
09-04
从微软的MSDN文档中可以了解到，在IE6-IE9中，`innerHTML`属性对于`col`、`colGroup`、`frameset`、`html`、`head`、`style`、`table`、`tBody`、`tFoot`、`tHead`、`title`和`tr`对象来说是只读的。因此，对于这些...
innerHTML在IE中报错解决方案
09-04
原因在于，IE9及以下版本对table及其子元素tr的innerHTML属性进行了限制，将其视为只读属性。这意味着可以读取这些元素的innerHTML，但无法通过innerHTML来修改它们。相比之下，td元素的innerHTML在IE9及以下版本是...
IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法
09-05
在IE6、7、8、9中，以下元素的innerHTML属性是只读的：COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR。这意味着，如果你试图通过innerHTML直接修改这些元素的内容，浏览器...
IE innerHTML(转载)
weixin_30535043的博客
03-31 71
错误信息：htmlfile: 未知的运行时错误给innerHTML赋值时产生未知的运行时错误这就是IE叫人郁闷加恶心的地方：在IE中经常通过innerHTML来改变界面但也经常出现以上错误,在firefox里则不会。这是因为IE在对innerHTML进行写操作时会检查element是否具备做为这些内容中html对象容器的要求，比如将<p>作为容器，它的innerHTML里面放入<...
IE中关于innerHTML的问题
ForeverCjl的专栏
04-10 1926
innerHTML属性在原生javascript中被用于在一个标签内部加入HTML代码，但是这个方法也不是在所有情况下适用， 就比如在IE下面。 看如下代码： 我们现在想通过innerHTML属性给tbody中间加入等HTML代码，会这么做： document.getElementById('22').innerHTML = '' 这样在Chrome下是OK的，但是换到IE下，就会
ie中innerHTML出现问题
sdgdwangyan的专栏
10-30 419
innerHTML: 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. 也就是说你不能通过inn
有关innerHTML应该了解和注意的事（有些元素有innerHTML属性，但在IE中是只读的）
冷月宫主的专栏
06-20 1466
http://jinyc.info/archives/78 IE下部分元素（基本上都是与Table类相关）的innerHTML属性是只读，在使用Table时，不能直接使用innerHTML将tbody、tr、td直接添加到对应的元素下，如将td通过tr.innerHTML添加到tr下，这样子是不行的！最近在研究制作一个JS视图对象，在测试时发现，当我将构建好的具有HTML结构的字符
关于ie9一下innerHTML为只读解决办法
weixin_34258838的博客
01-12 180
从MSDN上记录上看 col、colGroup、frameset、html、head、style、table、tfoot、tHead、title和tr的innerHTML都是只读的（IE6-IE9）。 转载于:https://www.cnblogs.com/liwuming/p/10260519.html...
IE6-9中tbody.innerHTML不能赋值问题；SCRIPT600:该操作的目标元件无效
JYX8
04-06 4338
IE6-IE9中tbody的innerHTML不能赋值.获取时所有浏览器都弹出了tr的字符串，但设置时IE6-9不支持，而且报错，如图解决方案：1. 可以换个添加属性，如：appendChild, tbody.appendChild = "<tr></tr>"2. 添加判断 var s = navigator.userAgent.toLowerCase();
基于Vue、JavaScript、HTML、CSS的myshop电商平台设计源码
最新发布
09-27
该项目是一款基于Vue、JavaScript、HTML和CSS构建的myshop电商平台设计源码，总计包含94个文件，涵盖32个PNG图片、22个JavaScript文件、13个Vue组件文件、13个JPG图片文件、3个GIF图片文件、3个SCSS样式文件，以及其他必要的配置和管理文件。
javascript的innerhtml属性
10-12
JavaScript中的innerHTML属性是用于获取或设置HTML元素的内容的属性。可以使用它来动态地更改HTML页面中的内容，例如插入新的HTML元素、修改现有元素的文本或属性等。 要获取元素的innerHTML，可以使用以下代码： ```javascript var element = document.getElementById("myElement"); var content = element.innerHTML; ``` 要设置元素的innerHTML，可以使用以下代码： ```javascript var element = document.getElementById("myElement"); element.innerHTML = "<p>This is new content!</p>"; ``` 请注意，设置innerHTML会覆盖元素的现有内容。如果您只想添加新内容而不是替换现有内容，请使用以下代码： ```javascript var element = document.getElementById("myElement"); element.innerHTML += "<p>This is additional content!</p>"; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值