指定した要素を含んだテキストで取得する

質問

<table>
　<tr id="aaa"><td>あああ</td></tr>
　<tr><td>いいい</td></tr>
</table>
<script>
alert(document.getElementById("aaa").innerHTML)
</script>

上記のようなHTMLを実行すると
「<td>あああ</td>」と表示されますが
これをid指定されている<tr>要素を含んだ形で
即ち「<tr id="aaa"><td>あああ</td></tr>」というように
取得するにはどのような方法が考えられるでしょうか？

回答No.2

oka5130 · ベストアンサー

ちょっとややこしくなってしまいますが、DOMをきっちり操作するのであれば
以下のサイトの方法が参考になるかと思います。

http://code.nanigac.com/forum/view/14

IE：outerHTML
Firefox：XMLSerializer

お礼

OperaやKの動きも気になるところですね。
その辺の動きは自分で調べてみようと思います。
とても参考になりました。
ありがとうございました。

回答No.1

auty

・　以下のコードを参考にしてみてください。

------------------------------------------------------------
<table id="Table1" border="1">
　<tr id="aaa"><td>あああ</td></tr>
　<tr><td>いいい</td></tr>
</table>
<script>
var tbrs = document.getElementById("Table1").innerHTML;
var regex = /<tr.*?<\/tr>/gi;
var trs = tbrs.match(regex);
alert(trs[0]);

お礼

普段使い慣れていないせいか正規表現を使うことは思いつきませんでした。
回答ありがとうございました。