ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery を使用せずに HTML 文字列から DOM 要素を作成するにはどうすればよいですか?
jQuery を使用せずに HTML 文字列から DOM 要素を作成するにはどうすればよいですか?
- DDDオリジナル
- 2024-12-24 09:20:25728ブラウズ
HTML 文字列から DOM 要素を作成する
jQuery は HTML 文字列から DOM 要素を作成する便利なメカニズムを提供しますが、この機能も実現できます。組み込みの DOM メソッドまたはプロトタイプを使用するlibrary.
DOM メソッド
古いブラウザと、node/jsdom (執筆時点では HTML 要素をサポートしていません) の場合、次のメソッドを使用できます:
function createElementFromHTML(htmlString) {
var div = document.createElement('div');
div.innerHTML = htmlString.trim();
// Change this to div.childNodes to support multiple top-level nodes.
return div.firstChild;
}
このメソッドは一部の要素では機能しないことに注意してください。
プロトタイプ ライブラリ
あるいは、プロトタイプ ライブラリは組み込みのupdate() メソッドを通じて HTML 文字列から要素を作成するメソッド。以下に例を示します。
var element = $(document.createElement('li')).update('<li>text</li>');
ユースケース
組み込み DOM メソッドとプロトタイプ ライブラリはどちらも、特に古いブラウザーまたは jQuery が使用されないシナリオ。これらのメソッドは、HTML マークアップに基づいて DOM コンテンツを動的に生成するための柔軟かつ堅牢なアプローチを提供します。
以上がjQuery を使用せずに HTML 文字列から DOM 要素を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。