掲示板/JavaScript質問板/過去ログ/一覧/ javascriptで操作されたtableを書き出したい

0 名前： たまごクラブ ： 2007/04/05（木） 07:53 ID:Ji0blfRq sub-99: またお世話になります。
javascriptで操作されたtableを書き出したいと考えたのですが、W3C ドキュメントオブジェクトモデルでは element.outerHTML はサポートされていないとの事。
理想は
alert (document.getElementById("table1").outerHTML);
この様な感じで書き出せればと考えています。

element.outerHTML の汎用性がある書き方を教えて頂けませんでしょうか。

1 名前： たまごクラブ ： 2007/04/05（木） 07:53 ID:Ji0blfRq sub-99

alert (document.getElementById("table1").innerHTML);

にすれば Gecko でもサポートできると解りました。
これで IE、Netscape がOKだと思うのですが、私の環境では他のブラウザでの対応が解りません。
この書き方でほぼいけるのでしょうか？

2 名前：匿名： 2007/04/05（木） 07:53 ID:a5OrGWWI sub-Ds: ほぼいけるでしょうね。しかし、

＞W3C ドキュメントオブジェクトモデルでは・・・
とおっしゃるのであれば正しい書き方とはいえません。

3 名前： たまごクラブ ： 2007/04/05（木） 07:53 ID:Ji0blfRq sub-99: 匿名様、助言ありがとうございます。
仰る通り正しい形では無いのだろうと類推いたします。
innerHTML を使う事が次善の対応でしかない事も承知しております。
しかしながら（勝手な言い訳だとは思いますが）不勉強な為、正しい書き方が理解できません。

どうか、正しい書き方をご教授頂けますでしょうか。

4 名前：匿名： 2007/04/05（木） 07:53 ID:wqq6p95j sub-Cz

> 正しい書き方

HTML と違い、DOM は実装の拡張を認めてるんだけど（そうでないといろいろ厳しい）。

個人的な見解ならば、そもそも安易に文字列操作すべきではない。せっかくタグ付き文字列（XML/HTML ドキュメント）をパースしてオブジェクトツリー（DOM ドキュメント）に変換したのに、もう一度タグ付き文字列に戻すというのは、相当の理由がなければならない。

DOM Level 3 Load and Save（現状 Opera のみ）:

var node = document.getElementById ('table1');

if (document.implementation &&
//  document.implementation.hasFeature ('Core', '3.0') &&
    document.implementation.hasFeature ('LS', '3.0')
) {
    var serializer = document.implementation.createLSSerializer ();
    
    // 出力形式の制御
//  serializer.domConfig.setParameter ('canonical-form', true);
//  serializer.domConfig.setParameter ('format-pretty-print', true);
//  serializer.newLine = '\u000c\u000a';
    
    var result = serializer.writeToString (node);
}

XMLSerializer（Firefox、Opera、Safari）:

var node = document.getElementById ('table1');

if (typeof XMLSerizlier != 'undefined') {
    var serializer = new XMLSerializer;
    
    var result = serializer.serializeToString (node);
}

HTMLElement.outerHTML（IE、Opera、Safari）

var node = document.getElementById ('table1');

if ('outerHTML' in node) {
    var result = node.outerHTML; // 出力形式は実装依存
}

なお、HTMLElement.innerHTML に関しては、IE 以外でも Firefox、Opera、Safari で (X)HTML ドキュメントを扱う場合なら使用できる。ただし、出力形式は実装依存。特に table 要素の場合、例えば tbody 要素のタグを書き出すかどうか、なんてのは予測できない（DOM3 LS はその制御も可能だが、対応ブラウザがほとんどない）。

まあ、もともと入出力関連は実装依存の部分が大きいから。

5 名前：匿名： 2007/04/05（木） 07:53 ID:wqq6p95j sub-Cz

>>4
訂正（DOM3 LS）：

//  serializer.newLine = '\u000d\u000a';  // CR+LF