Quel est le code pour supprimer les lignes horizontales en javascript

青灯夜游
Libérer: 2022-03-28 18:30:16
original
2566 Les gens l'ont consulté

Le code permettant à javascript de supprimer les lignes horizontales est "body object.removeChild (hr object)". La ligne horizontale est définie à l'aide de l'élément hr. Il vous suffit d'utiliser la fonction javascript removeChild() pour supprimer l'élément hr du corps de l'élément parent afin de supprimer la ligne horizontale.

Quel est le code pour supprimer les lignes horizontales en javascript

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

javascript supprimer la ligne horizontale

Les lignes horizontales sont définies à l'aide de l'élément hr.

Si vous souhaitez supprimer la ligne horizontale, il vous suffit d'utiliser la fonction javascript RemoveChild() pour supprimer l'élément hr du corps de l'élément parent afin de supprimer la ligne horizontale.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<h1>这是一个大标题</h1>
		<p id="p1">这是一段文字。</p>
		<p id="p2">这是另一段文字。</p><hr id="hr" />
		<button onclick="myFunction()">删除水平线(hr)</button>
		<script>
			function myFunction() {
				var body = document.getElementsByTagName("body")[0];  //获取body元素的引用
				var hr = document.getElementById("hr");  //获取hr元素的引用
				body.removeChild(hr);
			}
		</script>
	</body>
</html>
Copier après la connexion

Quel est le code pour supprimer les lignes horizontales en javascript

Description : La méthode

removeChild() peut supprimer un nœud de la liste des nœuds enfants. L'utilisation est la suivante :

nodeObject.removeChild(node)
Copier après la connexion

Le nœud paramètre est le nœud à supprimer. Si la suppression réussit, le nœud supprimé est renvoyé ; si elle échoue, null est renvoyé.

Lorsqu'un nœud est supprimé à l'aide de la méthode removeChild(), tous les nœuds enfants contenus dans le nœud seront supprimés en même temps.

【Recommandations associées : tutoriel vidéo javascript, front-end web

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