DOM

インターフェイス

DOMParser インターフェイス

  編集:2022.04.05 by T.A.

MS

このインターフェイスは、XML や HTML ソースコードを文字列から DOM の Document に解釈する機能を提供します。

注: XMLHttpRequest は URL で指すことができるリソースから直接 XML や HTML を解釈することができ、 Document を response プロパティでを返します。

XMLSerializer インターフェイスを使い、DOM ツリーを XML もしく HTML ソースに転換する、逆の操作を行うことができます。

HTML 文書の場合、Element.innerHTMLElement.outerHTML プロパティの値を設定することで、HTML から構築された新しい DOM ツリーに一部分を置き換えることもできます。DOM のサブ ツリーに対応した HTML の要素を取り込むために、これらのプロパティを読み込むことも可能です。

コンストラクター?
new DOMParser()
メソッド
DOMParser.parseFromString(string, mimeType)
string DOMString にパースされます。HTML、xml、xhtml+xml もしくは svg 文書が含まれなければなりません。
mimeType DOMString。この文字列はメソッドの戻り値のクラスを決定します。メソッドの戻り値は下記の通りです:
mimeType doc.constructor
text/html Document
text/xml XMLDocument
application/xml XMLDocument
application/xhtml+xml XMLDocument
image/svg+xml XMLDocument​​

戻り値

mimeType 引数に依存した Document もしくは XMLDocument

XML のパース
パーサーオブジェクトを作成すると、parseFromString() メソッドを用いて 文字列から XML をパースすることができます:
let parser = new DOMParser()
let doc = parser.parseFromString(stringContainingXMLSource, "application/xml")
エラーのハンドリング:

現在は、パース処理に失敗した場合、DOMParser は例外をスローせず、代わりにエラー文書を返すという点に注意して下さい:

<parsererror xmlns="http://www.mozilla.org/newlayout/xml/parsererror.xml">
  (error description)
  <sourcetext>(a snippet of the source XML)</sourcetext>
</parsererror>

¶省く


テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: