Maison > Article > interface Web > Quel est le code pour supprimer les lignes horizontales en javascript

Quel est le code pour supprimer les lignes horizontales en javascript

青灯夜游original: 2022-03-28 18:30:162539parcourir

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.

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>

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)

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!

JavaScript NULL 对象

Déclaration：

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

Article précédent：Y a-t-il des cours en javascript ?Article suivant：Y a-t-il des cours en javascript ?

Articles Liés

Voir plus