Wie kann ich einen TD-Tag mit Inline JavaScript oder CSS verstecken?

StackOverflow https://stackoverflow.com/questions/916528

Frage

Wie kann ich ausblenden, um einen <td> Tag mit JavaScript oder Inline-CSS?

War es hilfreich?

Lösung

Was erwarten Sie passieren in seinen Platz? Die Tabelle kann nicht umfließt den Raum zu füllen -. Dies scheint ein Rezept für Buggy-Browser Antworten

Denken Sie über den Inhalt des td versteckt, nicht die td selbst.

Andere Tipps

.hide{

visibility: hidden

}

<td class="hide"/>

Bearbeiten - Nur für Sie

Der Unterschied zwischen Anzeige und Sichtbarkeit dieser ist.

„Anzeige“: viele Eigenschaften oder Werte, aber die, die Sie auf sind fokussiert sind „none“ und „Block“. „None“ ist wie ein hide-Wert und „Block“ ist wie Show. Wenn Sie die „keine“ Wert verwenden, werden Sie total verstecken, was immer HTML-Tag Sie das CSS-Stil angewendet haben. Wenn Sie „Block“ verwenden, werden Sie den HTML-Tag sehen und es ist Inhalt. sehr einfach.

„Sichtbarkeit“: viele Werte hat, aber wir wollen mehr über die „versteckt“ und „sichtbar“ Werte kennen. „Versteckt“ wird in der gleichen Weise wie bei der „Block“ Wert für die Anzeige funktionieren, aber das wird Tag verstecken und es ist Inhalt, aber es wird die phisical Raum von diesem Tag nicht verstecken. Zum Beispiel, wenn Sie ein paar Textzeilen haben, dann und Bild (Bild) und dann eine Tabelle mit drei Spalten und zwei Zeilen mit Symbolen und Text. Nun, wenn Sie die Sichtbarkeit CSS mit dem verborgenen Wert auf das Bild anwenden, wird das Bild verschwinden, aber der Raum des Bild wird es remaing wurde mit seinem Platz, mit anderen Worten, Sie werden am Ende mit einem großen Raum (Loch) zwischen dem Text und Der Tisch. Nun, wenn Sie die „sichtbar“ verwenden Wert auf Ihren Ziel-Tag und es ist werden Elemente wieder sichtbar sein.

Das gleiche Art und Weise Sie würde alles verbergen: visibility: hidden; 

<td style = "display:none" >
<p> Content display none </p>
</td>

oder 

<td style="visibility:hidden"> Your content is hidden </td>

Beachten Sie, dass: 2 diese Wege sind differnce. Sie sollten es versuchen, das Ergebnis zu überprüfen.

Alles ist möglich (oder fast) mit CSS, benutzen Sie einfach: 

display: none; //to hide

display: table-cell //to show

Wenn Sie mehr als dies in Javascript haben gedacht eine JavaScript-Bibliothek, z.B. jquery die ein wenig Geschwindigkeit wegnimmt, sondern gibt Ihnen mehr lesbaren Code.

Ihre Frage des Code über jquery : 

$("td").hide();

Natürlich gibt es andere Javascript-Bibliotheken gibt, wie diesen Vergleich auf wikipedia zeigt.

Sie können einfach den <td> Tag-Inhalt ausblenden, indem Sie einfach ein Stil-Attribut einschließlich: style = "display:none"

Für z 

<td style = "display:none" >
<p> I'm invisible </p>
</td>

Wir können den Inhalt in einem ausblenden, indem Sie den folgenden Inline-CSS mit: 

<div style="visibility:hidden"></div>

Beispiel: 

<td><div style="visibility:hidden">Your Content Goes Here:</div></td>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top