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

Question

Wie kann ich ein <td> Tag mit JavaScript oder Inline-CSS verstecken?

Answer 1

Was tun Sie passieren erwarten in seinen Platz? Die Tabelle kann nicht zurückfließen, um den verbleibenden Platz zu füllen - dies scheint ein Rezept für fehlerhafte Browserantworten zu sein.

Denken Sie darüber nach, den Inhalt der td zu verstecken, nicht die td selbst.

Answer 2

gleiche Weise etwas verbergen würde: visibility: hidden;

Answer 3

.hide{ 

visibility: hidden 

} 

<td class="hide"/> 

Bearbeiten- Nur für Sie

Der Unterschied zwischen Display und die Sicht ist dies.

"display": hat viele Eigenschaften oder Werte, aber die, auf die Sie sich konzentrieren, sind "none" und "block". "none" ist wie ein versteckter Wert und "block" ist wie show. Wenn Sie den Wert "none" verwenden, werden Sie total ausblenden, was auch immer HTML-Tag Sie diesen CSS-Stil angewendet haben. Wenn Sie "Block" verwenden, sehen Sie das HTML-Tag und seinen Inhalt. sehr einfach.

"Sichtbarkeit": hat viele Werte, aber wir wollen mehr über die "versteckten" und "sichtbaren" Werte wissen. "Versteckt" funktioniert auf die gleiche Weise wie der "Block" -Wert für die Anzeige, aber dies wird das Tag und seinen Inhalt verbergen, aber es wird den physikalischen Platz dieses Tags nicht verbergen. 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. Wenn Sie nun die Sichtbarkeits-CSS mit dem verborgenen Wert auf das Bild anwenden, verschwindet das Bild, aber der Platz, den das Bild verwendet, wird an seinem Platz verbleiben, mit anderen Worten, Sie enden mit einem großen Abstand zwischen dem Text und Der Tisch. Wenn Sie jetzt den Wert "visible" verwenden, werden Ihr Ziel-Tag und dessen Elemente wieder sichtbar.

Answer 4

Wenn Sie mehr als dies in Javascript haben, betrachten Sie einige Javascript-Bibliothek, z. jquery, die etwas Geschwindigkeit wegnimmt, aber Ihnen lesbareren Code gibt.

Code Ihre Frage ist über jquery:

$("td").hide(); 

Natürlich gibt es andere Javascript-Bibliotheken gibt, wie this comparison on wikipedia zeigt.

Answer 5

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

Für e.

g

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

Answer 6

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

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

zum Beispiel:

<td><div style="visibility:hidden">Your Content Goes Here:</div></td> 

Answer 7

<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 unterschiedlich. Sie sollten es versuchen, um das Ergebnis zu überprüfen.

Answer 8

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

display: none; //to hide 

display: table-cell //to show