Maison >interface Web >js tutoriel >Comment supprimer l'attribut caché d'un élément en javascript

Comment supprimer l'attribut caché d'un élément en javascript

青灯夜游original: 2022-01-12 12:08:536481parcourir

En JavaScript, vous pouvez utiliser la méthode removeAttribute() pour supprimer l'attribut caché d'un élément. La fonction de cette méthode est de supprimer l'attribut spécifié. La syntaxe est "element.removeAttribute("Attribute Name")".

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

la propriété cachée est une propriété booléenne.

Si cet attribut est défini, il précise que l'élément est toujours ou plus pertinent.

Les navigateurs ne doivent pas afficher les éléments dont l'attribut caché est spécifié. L'attribut

hidden peut également être utilisé pour empêcher l'utilisateur de visualiser un élément jusqu'à ce que certaines conditions soient remplies (comme une case à cocher cochée). JavaScript peut alors supprimer l'attribut masqué pour rendre cet élément visible.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是一段可见的段落。</p>
<p hidden="hidden">这是一段隐藏的段落。</p>
<p>这是一段可见的段落。</p>
</body>
</html>

Comment supprimer lattribut caché dun élément en javascript

Alors comment supprimer l'attribut caché d'un élément en utilisant javascript ?

En JavaScript, utilisez la méthode removeAttribute() de l'élément pour supprimer un attribut spécifié. L'utilisation est la suivante :

element.removeAttribute(attributename)

Parametersattributname : Indique le nom de l'attribut de l'élément.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<p>这是一段可见的段落。</p>
		<p id="hid" hidden="hidden">这是一段隐藏的段落。</p>
		<p>这是一段可见的段落。</p>
		<button id="btn">删除hidden属性</button>
		<script>
			function my(id) {
				return document.getElementById(id);
			}
			my("btn").onclick = function() {
				my("hid").removeAttribute("hidden"); 
			}
		</script>
	</body>
</html>

Comment supprimer lattribut caché dun élément 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!

JavaScript

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：Comment javascript détermine-t-il si les données saisies dans le contrôle sont de type numérique ?Article suivant：Comment javascript détermine-t-il si les données saisies dans le contrôle sont de type numérique ?

Articles Liés

Voir plus