ホームページ  >  記事  >  ウェブフロントエンド  >  Javascriptで本文コンテンツを取得する方法

Javascriptで本文コンテンツを取得する方法

青灯夜游
青灯夜游オリジナル
2021-07-21 11:38:0812668ブラウズ

取得メソッド: 1. innerHTML 属性、構文 "body object.innerHTML" を使用します。 2. innerText 属性、構文 "body object.innerText" を使用します。 3. textContent 属性、構文 "body object.textContent" を使用します。 。

Javascriptで本文コンテンツを取得する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

方法 1: innerHTML 属性を使用する

このメソッドでは、タグ、スペース、テキスト、改行などを含む、タグ内のすべてのコンテンツを取得できます。

タグの内容をクリアしたい場合は、 innerHTML = ""; 以上です

タグの内容を設定したい場合は、 innerHTML = "設定したいタグとコンテンツを入力します。コンテンツを設定すると、元のコンテンツはすべて上書きされます。

コード例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				border: 2px dashed #006DAF;
				padding: 10px;
				width: 300px;
			}
			p{
				border: 2px dashed #006DAF;
				padding: 10px;
			}
		</style>
	</head>

	<body id="body">
		<div>div元素
			<h2>一个标题</h2>
			<p>一个段落</p>
		</div><br />
	</body>
	<script>
			var body = document.getElementById(&#39;body&#39;);
			 // 获取标签的内容
			 var body = body.innerHTML;
			 console.log(body);
	</script>

</html>

レンダリング:

Javascriptで本文コンテンツを取得する方法

##方法 2: innerText 属性を使用する#このメソッドは、タグ (およびそのサブタグ) 内のすべてのテキストを取得しますが、タグは取得しません (または、すべてのタグをフィルターで除外することもできます)。複数のスペースまたは改行がある場合、1 つのスペースとして解析されます。

ラベルの内容をクリアしたい場合は、 innerText = ""; 以上です

ラベルの内容を設定したい場合は、 innerText = "ラベルと内容を入力します設定したい内容を設定すると、元の内容はすべて上書きされます。ただし、タグは解析されず、テキストとしてページに直接印刷されます。

コード:

<script>
		var body = document.getElementById(&#39;body&#39;);
		 // 获取标签的内容
		 var body = body.innerText;
		 console.log(body);
</script>

レンダリング:

Javascriptで本文コンテンツを取得する方法##方法 3: textContent 属性を使用します

textContentタグ内のコンテンツを取得します。ただし、textContent はタグをフィルタリングしてもタグ構造を保持します。

コード例:

<script>
		var body = document.getElementById(&#39;body&#39;);
		 // 获取标签的内容
		 var body = body.textContent;
		 console.log(body);
</script>

レンダリング:


##[推奨学習:

JavaScript 上級チュートリアルJavascriptで本文コンテンツを取得する方法 ]

以上がJavascriptで本文コンテンツを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。