IE 6/7/8のTable要素のinnerHTMLは値付けできません


IE 6/7/8のTableはinnerHTML属性を設定できず、エラーが報告され、以下のように再現される.
<!DOCTYPE HTML>
<html>
<head>
<title>TABLE   innerHTML Bug</title>
</head>
<body>
<script type="text/javascript">
	
var table = document.createElement('table');
table.innerHTML = '<tr><td>Test table innerHTML</td></tr>'
document.body.appendChild(table);

</script>

</body>
</html>
 
Ext.DomHelperではdivを使用し,tableをdivに追加して間接的に実装する.
MSDNは
The property is read/write for all objects except the following, for which it is read-only: COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR. The property has no default value.
DHTML expressions can be used in place of the preceding value(s). As of Internet Explorer 8, expressions are not supported in IE8 mode. For more information, see About Dynamic Properties.
 
関連:
http://msdn.microsoft.com/en-us/library/ms533897%28VS.85%29.aspx
https://developer.mozilla.org/en/dom:element.innerhtml
http://www.w3.org/TR/html5/apis-in-html-documents.html#dom-innerhtml
 
注意:Select要素も同じ場合があります.