So erhalten Sie Körperinhalte in Javascript-js-Tutorial-php.cn

So erhalten Sie Körperinhalte in Javascript

青灯夜游

Freigeben： 2023-01-07 11:44:39

Original

12722 Leute haben es durchsucht

Abrufmethode: 1. Verwenden Sie das innerHTML-Attribut, Syntax „body object.innerHTML“; 2. Verwenden Sie das innerText-Attribut, Syntax „body object.innerText“; 3. Verwenden Sie das textContent-Attribut, Syntax „body object.textContent“.

So erhalten Sie Körperinhalte in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Methode 1: InnerHTML-Attribut verwenden

Diese Methode kann den gesamten Inhalt des Tags abrufen, einschließlich Tags, Leerzeichen, Text, Zeilenumbrüche usw.

Wenn Sie den Inhalt des Tags löschen möchten, innerHTML = ""; das ist es

Wenn Sie den Inhalt im Tag festlegen möchten, geben Sie beim Festlegen des Inhalts das Tag und den Inhalt ein, den Sie festlegen möchten. Der gesamte ursprüngliche Inhalt wird überschrieben.

Codebeispiel:

<!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>

Nach dem Login kopieren

Rendering:

So erhalten Sie Körperinhalte in Javascript

Methode 2: InnerText-Attribut verwenden

Diese Methode ruft den gesamten Text im Etikett (und seinen Unteretiketten) ab, das Etikett wird nicht abgerufen ( oder es kann alle Tags herausfiltern). Wenn mehrere Leerzeichen oder Zeilenumbrüche vorhanden sind, wird es als ein Leerzeichen analysiert.

Wenn Sie den Inhalt des Etiketts löschen möchten, innerText = ""; das ist es

Wenn Sie den Inhalt des Etiketts festlegen möchten, geben Sie beim Festlegen das Etikett und den Inhalt ein, den Sie festlegen möchten Der Inhalt, das Original Alle Inhalte abgedeckt. Das Tag wird jedoch nicht geparst und direkt als Text auf der Seite gedruckt.

Code:

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

Nach dem Login kopieren

Rendering:

So erhalten Sie Körperinhalte in Javascript

Methode 3: Verwenden Sie das textContent-Attribut

textContent, um den Inhalt im Tag abzurufen. Beim Herausfiltern von Tags behält textContent jedoch die Tag-Struktur bei.

Codebeispiel:

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

Nach dem Login kopieren

Rendering:

So erhalten Sie Körperinhalte in Javascript

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Körperinhalte in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!