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

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!