DOMParser
DOMParser インターフェイスは、 XML や HTML ソースコードを文字列から DOM の Document に解釈する機能を提供します。
XMLSerializer インターフェイスを使い、DOM ツリーを XML もしく HTML ソースに転換する、逆の操作を行うことができます。
HTML 文書の場合、Element.innerHTML や outerHTML プロパティの値を設定することで、HTML から構築された新しい DOM ツリーに一部分を置き換えることもできます。DOM のサブツリーに対応した HTML の要素を取り込むために、これらのプロパティを読み込むことも可能です。
なお、 XMLHttpRequestは、 URL アドレスが指定できるリソースから直接 XML や HTML を解釈でき、その response プロパティで Document を返すことに注意してください。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1.3 | 18 | 1 | |
| DOMParser() コンストラクターは、新しい DOMParser オブジェクトを作成します。このオブジェクトは parseFromString() メソッドを使用して、文書のテキストを構文解析するのに使用することができます。 | 1 | 12 | 1 | 1.3 | 18 | 1 |
| parseFromString() は DOMParser インターフェイスのメソッドで、 HTML または XML の入った文字列を構文解析し、 HTMLDocument または XMLDocument を返します。 | 1 | 12 | 1 | 1.3 | 18 | 1 |
parseFromString (html) HTML (`text/html`) のサポート | 31 | 12 | 12 | 9.1 | 31 | 9.3 |
parseFromString (xml) XML (`application/xml`) のサポート | 1 | 12 | 1 | 1.3 | 18 | 1 |
実務での使いどころ
-
DOMParser の活用
DOMParser インターフェイスは、 XML や HTML ソースコードを文字列から DOM の Document に解釈する機能を提供します。
注意点
- 古いブラウザでは対応していない場合がある。
実装メモ
- 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。