Comment JavaScript peut-il masquer et afficher dynamiquement des éléments HTML ?

Masquage dynamique d'éléments à l'aide de JavaScript

Supposons que vous disposiez d'un bouton permettant aux utilisateurs de modifier un élément de texte. Après avoir cliqué sur le bouton, vous souhaiterez peut-être que le bouton disparaisse et que l'élément de texte soit remplacé par une zone de texte à éditer. Voici comment y parvenir en utilisant JavaScript :

function showStuff(id, text, btn) {
    // Display the element with the given ID
    document.getElementById(id).style.display = 'block';

    // Hide the lorem ipsum text
    document.getElementById(text).style.display = 'none';

    // Hide the link
    btn.style.display = 'none';
}

Dans l'extrait HTML fourni, voici comment vous pouvez le modifier :

<td class="post">

    <a href="#" onclick="showStuff('answer1', 'text1', this); return false;">Edit</a>
    <span>

Lorsque vous cliquez sur le lien "Modifier", le les actions suivantes se produisent :

• La plage masquée "réponse1", contenant la zone de texte, devient visible.
• La travée "text1", contenant le texte lorem ipsum, est masquée.
• Le lien "Modifier" lui-même devient invisible.

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!