hide HTML-Elemente durch mit Hilfe von Javascript

Wie ich HTML-Elemente verstecken kann mit Hilfe von Javascript , wenn ich diese HTML-Seite habenhide HTML-Elemente durch mit Hilfe von 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>

i want 2 alle Elemente außer div mit der ID-Nummer verbergen diese

zu Seite wie

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

Quelle

2013-07-10 Fawaz

Ihre Frage ist ein wenig mehrdeutig. Wann willst du es machen? Ist das der vollständige HTML-Code Ihrer Seite? Willst du, dass die anderen DIVs zurück gezeigt werden? usw. usw. Könnten Sie bitte Ihre Frage mit diesen Antworten aktualisieren? – mohkhan

Was hat das mit Xcode und iOS zu tun? – Ryan

Neben DevlshOne Antwort, können Sie auch CSS verwenden, um es nicht Display zu machen:

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

Es gibt einen Unterschied zwischen den beiden. Wenn die Sichtbarkeit ausgeblendet ist, wird der Speicherplatz vom div weiterhin verbraucht, aber Sie können ihn nicht sehen. Mit display = 'none' ist es so, als ob es nicht da wäre.

Wählen Sie die bessere für Sie.

Quelle

2013-07-10 01:34:55

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

document.getElementById on MDN

Quelle

2013-07-10 01:12:18 DevlshOne

Sie t brauchen o etwas wie folgt verwenden:

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

Quelle

2013-07-10 01:31:50 user2555312

Die obigen Antworten sind grundsätzlich korrekt, aber Sie müssen einen Unterschied zwischen display = "none" & Sichtbarkeit = "versteckt" beachten. Bei der Anzeige "none" wird das Element aus dem Layout der Elemente auf der Seite entfernt. Wenn die Sichtbarkeit "versteckt" ist, nimmt das Element immer noch seinen Platz ein, Sie sehen es einfach nicht mehr.

Quelle

2014-11-10 21:13:22

hide HTML-Elemente durch mit Hilfe von Javascript

Antwort

Verwandte Themen