Maison > interface Web > Questions et réponses frontales > Comment modifier le contenu de la balise h4 en javascript

Comment modifier le contenu de la balise h4 en javascript

青灯夜游
Libérer: 2022-02-16 15:48:41
original
3005 Les gens l'ont consulté

Méthode de modification : 1. Utilisez l'instruction "document.getElementById("id value")" pour sélectionner le nœud d'étiquette h4 en fonction de la valeur de l'attribut id ; 2. Utilisez l'instruction "h4 label node.innerHTML = "Contenu modifié" ; " Instruction pour modifier h4 Le contenu de l'étiquette est suffisant.

Comment modifier le contenu de la balise h4 en javascript

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

définit le titre de quatrième niveau dans les documents HTML.

Alors comment javascript modifie-t-il le contenu de la balise h4 ?

Idée d'implémentation :

  • Sélectionnez d'abord le nœud h4

  • puis utilisez l'attribut innerHTML pour modifier le contenu du nœud

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4 id="h4">四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
		<button onclick="myFunction()"> 修改h4标签的内容</a>

			<script type="text/javascript">
				function myFunction() {
					var h4 = document.getElementById("h4");
					h4.innerHTML = "新四级标题,内容已修改";
				}
			</script>

	</body>
</html>
Copier après la connexion

Comment modifier le contenu de la balise h4 en javascript

[Recommandations associées : tutoriel d'apprentissage 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal