Unsanitized HTML parsing methods | Frontend Practical Guide

Newly available 主要ブラウザで対応済みだが、古いバージョンでは未対応の場合がある。

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`parseHTMLUnsafe_static`	124	124	128	26	124	26
`setHTMLUnsafe` setHTMLUnsafe() は Element インターフェイスのメソッドで、HTML の文字列を DocumentFragment として解釈し、DOM 内の要素のサブツリーを置き換えるために使用します。入力された HTML は宣言的シャドウルートを含むことがあります。	124	124	123	26	124	26
`setHTMLUnsafe` setHTMLUnsafe() は ShadowRoot インターフェイスのメソッドで、HTML の文字列を DocumentFragment に解釈できるもので、DOM 内の要素のサブツリーを置き換えます。入力 HTML には、宣言型のシャドウルートを含めることができます。	124	124	123	26	124	26

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

Document.parseHTMLUnsafe(input)
Document.parseHTMLUnsafe(input, options)

Unsanitized HTML parsing methods の活用

parseHTMLUnsafe() は Document オブジェクトの静的メソッドで、HTML 入力を構文解析し、オプションで不要な HTML 要素や属性を除外して、新しい Document インスタンスを生成するために使用されます。