elementi nascondere HTML utilizzando JavaScript

Come faccio a nascondere gli elementi HTML utilizzando JavaScript se ho questa pagina htmlelementi nascondere HTML utilizzando JavaScript

<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>

voglio nascondere tutti gli elementi eccetto div con il numero id 2 per essere pagina come questa

<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>

fonte

2013-07-10 Fawaz

La tua domanda è un po 'ambigua. Quando lo vuoi fare? È l'HTML completo della tua pagina. Volete che gli altri DIV vengano mostrati di nuovo .. ?? ecc., ecc. Potresti aggiornare la tua domanda con queste risposte? – mohkhan

Cosa c'entra questo con Xcode e iOS? – Ryan

Oltre alla risposta di DevlshOne, si potrebbe anche usare i CSS per farlo non visualizzazione:

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

C'è una differenza tra i due. Con la visibilità nascosta, lo spazio sarà comunque consumato dal div, ma non puoi vederlo. Con display = 'none', è come se non fosse lì.

Scegli quello che fa al caso tuo.

fonte

2013-07-10 01:34:55

var divOne = document.getElementById('1'); 
divOne.style.visibility = 'hidden';

document.getElementById on MDN

fonte

2013-07-10 01:12:18 DevlshOne

dovrai t o usare qualcosa di simile:

document.getElementById("1").style.display = "none";

fonte

2013-07-10 01:31:50 user2555312

Le risposte sopra sono sostanzialmente corrette, ma è necessario essere consapevoli di una differenza tra display = "none" & visibility = "hidden". Con la visualizzazione "none" l'elemento viene rimosso dal layout degli elementi nella pagina. Con la visibilità "nascosta" l'elemento occupa ancora il suo spazio, semplicemente non lo vedi più.

fonte

2014-11-10 21:13:22

elementi nascondere HTML utilizzando JavaScript

risposta

Problemi correlati