tbody要素のinnerHTMLが書き換えられません

質問

こんにちは、教えてください。
<form1>
<table id="test">
<tbod>
<tr><td></td><tr>
</tbody>
</table>
</form1>

例えばうえのような感じになっていたとき、

var tbody = document.getElementById( "test" ).getElementsByTagName( "tbody").item( 0 );

これでtbody要素が取得できると思います。

tbody.innerHTML += tbody.innerHTML;

だけどうのようにすると【htmlfile：未知の実行時エラーです】となります。

document.getElementById( "test" ).innertHTML += document.getElementById( "test" ).innertHTML;

という感じは一応動きます。なんででしょうか？

回答No.1

steel_gray · ベストアンサー

innerHTMLでは読み込み専用となっている要素があります。
（今回はTRを書き換えようとしているのがひっかかっている）
+= は元はそのままに書き足しなので通るのでしょう。

http://support.microsoft.com/kb/239832/ja
サポートの回答にもありますがDOMを使うようにするしかないでしょう。

お礼

ありがとーございます！！
すっごい助かりました！！

リンクもつけてくれて感謝です！！

ありがとー！！