Maison >interface Web >js tutoriel >Pourquoi mon JavaScript ne cache-t-il pas ma deuxième division ?

Pourquoi mon JavaScript ne cache-t-il pas ma deuxième division ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-13 17:58:17589parcourir

Why Isn't My JavaScript Hiding My Second Div?

Basculer la visibilité de deux divs avec JavaScript

Problème

Pour un site Web, vous souhaitez basculer la visibilité de deux divs à l'aide de JavaScript. La première fonction fonctionne bien, mais la deuxième fonction destinée à masquer le deuxième div ne fonctionne pas.

Solution

Masquer un élément :

Pour masquer un élément, définir sa propriété d'affichage ou de visibilité. Pour un masquage complet, utilisez display: none. Pour masquer uniquement visuellement, utilisez la visibilité : caché.

Masquer une collection d'éléments :

Si vous devez masquer plusieurs éléments, parcourez-les et définissez la propriété d'affichage. à aucun pour chacun.

Code révisé :

Modifiez votre code comme suit :

function toggleDiv(target, replacement) {
  document.getElementById(target).style.display = 'none';
  document.getElementById(replacement).style.display = 'inline';
}

Utilisation :

Créez deux boutons pour basculer entre les divs :

<button onClick="toggleDiv('target', 'replace_target')">View Portfolio</button>
<button onClick="toggleDiv('replace_target', 'target')">View Results</button>

Ce code basculera désormais correctement le visibilité des divs.

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!

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