Maison > interface Web > Questions et réponses frontales > Comment cacher Li en javascript

Comment cacher Li en javascript

WBOY
Libérer: 2022-03-03 15:40:57
original
3852 Les gens l'ont consulté

En JavaScript, l'attribut display de l'objet style peut être utilisé pour masquer l'élément li. L'attribut display est utilisé pour définir l'affichage et le masquage de l'élément. Lorsque la valeur de l'attribut est définie sur "aucun", l'élément le fera. être masqué et non affiché. La syntaxe est "li element object .style.display="none"".

Comment cacher Li en javascript

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

Comment masquer li en javascript

Attribut d'affichage HTML DOM

Comment afficher l'élément de configuration de l'attribut d'affichage.

Syntaxe :

Object.style.display=value
Copier après la connexion

Lorsque la valeur de l'attribut est définie sur none, cet élément ne sera pas affiché.​

L'exemple est le suivant :

<html>
<head>
<script type="text/javascript">
function removeElement()
{
document.getElementById("li1").style.display="none";
}
</script>
</head>
<body>
<h1>示例如下</h1>
<li id="li1">点击按钮之后这个li元素就会隐藏</li>
<li>点击按钮之后这个li元素不会隐藏</li>
<input type="button" onclick="removeElement()" value="隐藏其中一个li元素" />
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment cacher Li en javascript

Après avoir cliqué sur le bouton :

Comment cacher Li 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