`
kino
  • 浏览: 104649 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE中只读的innerHTML属性

阅读更多

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

 

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

 

经测试,ie7也是不行的。不知ie8下有没有变动!?

 

记录如此,备忘!

分享到:
评论
3 楼 kino 2008-09-08  
avrack 写道
table中加上tbody标签  然后用tbody标签innerHTML就行了

我试过tbody,在ie6下也是不好用的。在table标签下,只有td的innerHTML是可更改的,前提是ie6 ie7下,没试过ie8.
2 楼 avrack 2008-09-08  
table中加上tbody标签  然后用tbody标签innerHTML就行了
1 楼 Scriptlet 2008-09-08  
在table中最好操作rows和cells

相关推荐

    IE 下的只读 innerHTML

    这个问题在IE浏览器中尤为突出,因为它对某些特定元素的`innerHTML`属性设为了只读。 在给定的问题中,开发者尝试通过JavaScript动态地向表格`<table>`的`<tbody>`元素添加新的`<tr>`行。在Firefox中,这样的操作是...

    IE中关于使用innerHTML加入HTML代码的问题

    总结起来,innerHTML属性在JavaScript中用于动态更新HTML内容,但在IE中对某些特定元素(如`<tbody>`)是只读的。为了解决这个问题,可以使用innerText属性在这些元素中插入纯文本,但请注意这将不包含HTML结构。在...

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

    从微软的MSDN文档中可以了解到,在IE6-IE9中,`innerHTML`属性对于`col`、`colGroup`、`frameset`、`html`、`head`、`style`、`table`、`tBody`、`tFoot`、`tHead`、`title`和`tr`对象来说是只读的。因此,对于这些...

    innerHTML在IE中报错解决方案

    原因在于,IE9及以下版本对table及其子元素tr的innerHTML属性进行了限制,将其视为只读属性。这意味着可以读取这些元素的innerHTML,但无法通过innerHTML来修改它们。相比之下,td元素的innerHTML在IE9及以下版本是...

    IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法

    在IE6、7、8、9中,以下元素的innerHTML属性是只读的:COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR。这意味着,如果你试图通过innerHTML直接修改这些元素的内容,浏览器...

    IE bug table元素的innerHTML

    本文将详细讨论一个特定的IE bug,涉及到`table`元素及其`innerHTML`属性。 首先,`table`元素在HTML中用于创建表格,是一种结构化元素,用于展示数据。它遵循严格的嵌套规则,包含`thead`、`tbody`、`tfoot`、`tr`...

    jsp\(二)未知的运行时错误(ie6的未指明的错误) .doc

    在IE6及后续版本的IE浏览器中,这些元素被认为是只读的,因此直接修改它们的`innerHTML`属性会导致异常。 #### 异常代码示例 以下是触发异常的代码示例: ```html <table id="t1"></table> document....

    innerHTML与jquery里的html()区别介绍

    然而,在 Internet Explorer 中,对于某些特定元素如 `tbody` 和 `tr`,`innerHTML` 在 IE 下是只读的,这意味着你不能直接通过 `innerHTML` 来写入内容,这样做会导致“目标对象错误”。 jQuery 的 `.html()` 方法...

    IE6-IE9使用JSON、table[removed]所引发的问题

    其次,关于table元素的innerHTML属性,存在一个特定问题,即在IE6-IE9浏览器的兼容模式中,table、thead、tfoot、tbody、tr、col、colgroup、html、title和style等元素的innerHTML属性被识别为只读,导致无法通过...

    javascript 异步的innerHTML使用分析

    innerHTML属性通常用于动态更新HTML元素的内容,但当涉及到大量的DOM操作时,尤其是对于商务应用中的大数据表格(datagrid),innerHTML可能会导致性能瓶颈,因为它会一次性重新渲染整个元素及其所有子元素。...

    前段JS开发和DOM兼容问题大全

    9. 对于table标签的操作,IE浏览器不允许对其和tr元素的innerHTML属性赋值,且使用appendChild方法增加一个TR时也可能不起作用。在IE中,可以通过`insertRow`和`insertCell`方法动态添加行和单元格。 二、其他DOM...

    html页面中js一行一行读取txt文件并排序显示_仅IE浏览器执行.zip

    在这个特定的场景中,我们需要在IE浏览器中读取TXT文本文件,然后逐行显示并进行排序。这涉及到JavaScript的File System Object (FSO) 和ActiveXObject,这些都是IE浏览器特有的功能。 首先,让我们了解一下...

    javascript 常用的属性与方法

    3. **时间戳属性**:`document.fileCreatedDate`和`document.fileModifiedDate`提供文件的创建日期和最后修改日期,但要注意,这些属性在不同浏览器中的支持情况可能不同,且大多数情况下是只读的。 4. **cookie...

    深入理解javascript动态插入技术

    例如,在旧版IE中,`innerHTML`属性对于某些HTML元素(如`col`、`colgroup`等)是只读的,这限制了动态内容插入的能力。为了解决这一问题,Ext JS框架提供了`insertIntoTable`方法,通过DOM操作的`insertBefore`和`...

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

    `innerHTML`属性允许开发者设置或获取HTML元素内部的HTML内容,但在特定的元素,如`table`、`col`、`colGroup`等,IE6-9将其标记为只读,导致尝试修改时会抛出错误。 在标题和描述中提到的问题,主要涉及到IE6-9对`...

    Ajax de yingyong

    - 这部分强调了innerHTML属性在创建动态内容时的重要性,尤其是在处理DOM元素时。 ### 3. 将响应解析为XML - 服务器可以通过设置Content-Type响应头为`text/plain`或`text/xml`来决定响应的内容类型。 - 当Content...

    web前端开发笔试集锦(javascript篇)[总结].pdf

    在JavaScript中,IE和Firefox在处理事件、获取属性、添加/移除事件监听器等方面存在差异。例如,IE使用`window.event`获取事件对象,Firefox通过参数传递;IE使用`srcElement`获取事件源,Firefox使用`target`;IE...

Global site tag (gtag.js) - Google Analytics