JavaScript で Web ページの HTML コンテンツを文字列として取得するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript で Web ページの HTML コンテンツを文字列として取得するにはどうすればよいですか?

DDD

リリース： 2024-10-29 15:24:02

オリジナル

1107 人が閲覧しました

How do I retrieve the HTML content of a webpage as a string in JavaScript?

HTML コンテンツを文字列として取得する

Web 開発では、多くの場合、Web ページまたはドキュメントの HTML コンテンツ全体にアクセスする必要があります。 HTML 構造を操作する場合でも、重要な情報を抽出する場合でも、このコンテンツを文字列として取得する方法を理解することが重要です。

これを JavaScript で実現するには、ドキュメントオブジェクトにアクセスできるメソッドが用意されています。ルート要素を取得し、その HTML マークアップを取得します。詳細を見てみましょう。

HTML コンテンツの取得

document.documentElement プロパティはルートを表します。ウェブページの要素。この要素にアクセスすると、そのタグ内の HTML コンテンツ全体を取得できます。

HTML を抽出するには 2 つのメソッドが利用可能です:

.innerHTML: の内容を含む文字列。
.outerHTML: コンテンツとの両方を含む文字列を返します。

使用例

.innerHTML を使用して HTML コンテンツを文字列として取得するには:

// Get the root <html> element
const htmlElement = document.documentElement;

// Extract the HTML content
const htmlString = htmlElement.innerHTML;

ログイン後にコピー

< を含む HTML コンテンツを取得するには;html> .outerHTML:

// Get the root <html> element
const htmlElement = document.documentElement;

// Extract the HTML content with the <html> tag
const htmlString = htmlElement.outerHTML;

ログイン後にコピー

これらのメソッドは、Web ページの HTML コンテンツに文字列としてアクセスする簡単な方法を提供し、解析、操作、データ抽出などのさまざまな操作を可能にします。

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