masquer les éléments Html à l'aide de javascript

Comment puis-je masquer les éléments html à l'aide de javascript
si j'ai cette page html 

<body>

<h1>test</h1>

<div id="1" align="center" style="padding-top: 10%;" >
 <h1 style="color: #FFFFFF">fawazapp</h1>
 <p style="color: #C0C0C0;"> bbb</p>
 <p style="color: #FFFFFF;">aaaaaaaaa</p>

 </div>

<div id="2" align="center" style="padding-top: 10%;" >
 <h1 style="color: #FFFFFF">fawazapp</h1>
 <p style="color: #C0C0C0;"> bbb</p>
 <p style="color: #FFFFFF;">aaaaaaaaa</p>

 </div>

</body>

je veux cacher tous les éléments sauf la div avec l'id numéro 2 à la page comme ceci

<div id="2" align="center" style="padding-top: 10%;" >
 <h1 style="color: #FFFFFF">fawazapp</h1>
 <p style="color: #C0C0C0;"> bbb</p>
 <p style="color: #FFFFFF;">aaaaaaaaa</p>

 </div>
  • Votre question est un peu ambigu. Quand voulez-vous le faire? Est ce que le code HTML de votre page. Vous voulez que les autres DIVs pour être montré en arrière..?? etc .,etc. Pourriez vous s'il vous plaît mettre à jour votre question avec ces réponses ?
  • Qu'est-ce que avez à faire avec Xcode et iOS?
InformationsquelleAutor Fawaz | 2013-07-10
  1. 25

    En plus de DevlshOne réponse, vous pouvez également utiliser les css pour le rendre pas d'affichage:

    var divOne = document.getElementById('1');
divOne.style.display='none';

    Il y a une différence entre les deux. Avec une visibilité caché, l'espace consommé par la div, mais vous ne pouvez pas le voir. Avec display='none', c'est comme si sa n'y est pas.

    Choisir la meilleure pour vous.

    InformationsquelleAutor Mark Kasson
  2. 10

    vous aurez besoin d'utiliser quelque chose comme ceci:

    document.getElementById("1").style.display = "none";
    InformationsquelleAutor user2555312
  3. 6

    Réponses ci-dessus sont tous fondamentalement correct, mais vous devez être conscient de la différence entre display = "none" & visibilité = "hidden". Avec l'affichage de "none" l'élément est supprimé de la disposition des éléments sur la page. Avec la visibilité "caché" de l'élément occupe toujours sa place, vous ne voyez pas plus.

    InformationsquelleAutor Max West
  4. 2
    var divOne = document.getElementById('1');
divOne.style.visibility = 'hidden';

    document.getElementById sur MDN

    • Encore cette méthode d'occuper l'espace dans le conteneur. Juste la visibilité est caché.
    InformationsquelleAutor DevlshOne
  5. 0

    Vous pouvez utiliser JQUERY : $('#1').hide()

    Grande

    InformationsquelleAutor Mojtaba Nava