Comment obtenir le contenu du corps en Javascript-js tutoriel-php.cn

Comment obtenir le contenu du corps en Javascript

青灯夜游

Libérer： 2023-01-07 11:44:39

original

12722 Les gens l'ont consulté

Méthode d'obtention : 1. Utilisez l'attribut innerHTML, la syntaxe "body object.innerHTML" ; 2. Utilisez l'attribut innerText, la syntaxe "body object.innerText" ; 3. Utilisez l'attribut textContent, la syntaxe "body object.textContent".

Comment obtenir le contenu du corps en Javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Méthode 1 : Utiliser l'attribut innerHTML

Cette méthode peut obtenir tout le contenu de la balise, y compris les balises, les espaces, le texte, les sauts de ligne, etc.

Si vous souhaitez effacer le contenu de la balise, innerHTML = "" ; c'est tout

Si vous souhaitez définir le contenu dans la balise, innerHTML = "Remplissez la balise et le contenu que vous souhaitez définir" ; tout le contenu original sera écrasé.

Exemple de code :

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

Copier après la connexion

Rendu :

Comment obtenir le contenu du corps en Javascript

Méthode 2 : Utiliser l'attribut innerText

Cette méthode récupère tout le texte de l'étiquette (et ses sous-étiquettes), l'étiquette ne sera pas obtenue ( ou il peut filtrer toutes les balises). S'il y a plusieurs espaces ou nouvelles lignes, ils seront analysés comme un seul espace.

Si vous souhaitez effacer le contenu de l'étiquette, innerText = "" ; c'est tout

Si vous souhaitez définir le contenu de l'étiquette, innerText = "Remplissez l'étiquette et le contenu que vous souhaitez définir" ; le contenu, l'original Tout le contenu couvert. Cependant, la balise ne sera pas analysée et sera imprimée directement sur la page sous forme de texte.

Code :

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

Copier après la connexion

Rendu :

Comment obtenir le contenu du corps en Javascript

Méthode 3 : Utilisez l'attribut textContent

textContent pour obtenir le contenu de la balise. Mais textContent conservera la structure des balises lors du filtrage des balises.

Exemple de code :

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

Copier après la connexion

Rendu :

Comment obtenir le contenu du corps en Javascript

[Apprentissage recommandé : Tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!