ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で完全なドキュメント HTML を文字列として取得するにはどうすればよいですか?

JavaScript で完全なドキュメント HTML を文字列として取得するにはどうすればよいですか?

DDD
リリース: 2024-10-29 09:17:02
オリジナル
554 人が閲覧しました

How to Get the Full Document HTML as a String in JavaScript?

文字列としてドキュメント全体の HTML にアクセスする

JavaScript では、 内で完全な HTML を取得できます。文字列としてのタグ。通常、この方法は、Web ページのスクレイピングや、ログ記録やデバッグを目的としたドキュメントの現在の状態のキャプチャなどのタスクを容易にするために使用されます。

解決策:

どのアプローチであっても選択した場合、プロセスにはルート の取得が含まれます。 document.documentElement として参照される要素。

innerHTML の使用:
目的が 内の HTML コンテンツを取得することである場合。タグ自体を除くタグは、.innerHTML 属性を利用します。

const html = document.documentElement.innerHTML;
ログイン後にコピー

このメソッドは、 の間にある HTML コンテンツ全体を含む文字列を返します。

outerHTML の使用:
逆に、 をキャプチャしたい場合は、タグをそのコンテンツとともに使用するには、.outerHTML 属性を使用します。

const html = document.documentElement.outerHTML;
ログイン後にコピー

このメソッドは、 の両方を含む文字列を生成します。

ドキュメントの HTML のこれらの文字列表現は、さらに処理、操作、または表示するために変数に割り当てることができます。

以上がJavaScript で完全なドキュメント HTML を文字列として取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート