JavaScript で HTML 文字列を DOM 要素に解析するにはどうすればよいですか?

HTML を DOM 要素に解析する

JavaScript では、HTML を含む文字列を操作可能な DOM 要素に変換する必要がよくあります。 innerHTML や innerText などの標準メソッドでは、結果として得られる要素に対して限定的な制御が提供されます。柔軟性を高めるには、DOMParser の利用を検討してください。

HTML 文字列を DOM 要素に変換する

HTML 文字列を DOM 要素に変換するには、次の手順に従います。

1. DOMParser をインスタンス化します: var parser = new DOMParser();
2. parseFromString() メソッドを使用して HTML 文字列を解析します。 var doc = parser.parseFromString(htmlString, "text/xml");

例

次の HTML を考えてみましょう。 string:

<div>

この文字列を DOM 要素に変換するには、次のコードを実行します。

var htmlString = "<div>

doc.firstChild 属性には、HTML 文字列の解析された DOM 表現が含まれるようになりました。 appendChild().

を使用して、この要素を DOM に追加できます。

以上がJavaScript で HTML 文字列を DOM 要素に解析するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。