DOM

最初の基本的な例は、ドキュメント全体を XML を含む文字列にシリアライズするだけです。

 var s = new XMLSerializer();
 var d = document;
 var str = s.serializeToString(d);
 saveXML(str);

このコードは、新しい XMLSerializer オブジェクトを作成し、シリアライズされる Document を serializeToString() (en-US) に渡します。これは、渡した document と同等の XML を返します。

この例は、Element.insertAdjacentHTML() メソッドを使用して新しい DOM Node を Document の body に挿入します。これは、Element オブジェクトをシリアライズすることにより作成された XML を基にしています。

insertAdjacentHTML() は文字列を受け入れるが、2 番目の引数として Node を受け入れないため、XMLSerializer を使用して先にノードを文字列に変換します。

var inp = document.createElement('input');
var XMLS = new XMLSerializer();
var inp_xmls = XMLS.serializeToString(inp); // まず DOM ノードを文字列に変換

// 新たに作成されたノードを document の body に挿入
document.body.insertAdjacentHTML('afterbegin', inp_xmls);

このコードは、Document.createElement() を呼び出して新しい 要素を作成し、serializeToString() (en-US) を使用して XML にシリアライズします。

完了したら、insertAdjacentHTML() を使用して 要素を DOM に挿入します。