如何使用內嵌JavaScript或CSS隱藏TD標籤？

17

你有什麼期望發生在它的地方嗎？表格無法重新填充剩餘的空間 - 這看起來像是一個錯誤的瀏覽器響應的祕訣。

想想隱藏td的內容，而不是td本身。

來源

2009-05-27 15:54:03 edeverett

7

你隱瞞什麼一樣：visibility: hidden;

來源

2009-05-27 15:53:31 Welbog

+1

怎麼樣顯示：無;那會工作嗎？（跨瀏覽器等）。 – Blankman 2009-05-27 15:58:15

+1

顯示：根據我的經驗，沒有一個是您實際需要95％的時間 – annakata 2009-05-27 16:01:47

+0

可見性隱藏元素而不改變文檔流，因此應該避免edeverett擔心的那類問題。 – Simon 2009-05-27 16:12:22

36

.hide{ 

visibility: hidden 

} 

<td class="hide"/>

編輯 - 只爲你

顯示和可見性之間的區別是這樣的。

「display」：有許多屬性或值，但您關注的屬性是「none」和「block」。「none」就像一個隱藏值，「block」就像show一樣。如果您使用「無」值，您將完全隱藏您應用此CSS樣式的任何HTML標記。如果你使用「塊」，你會看到html標籤，它的內容。很簡單。

「知名度」：有許多值，但我們想知道更多關於「隱藏」和「可見」值的信息。「hidden」將以與「block」值相同的方式顯示，但這會隱藏標記和內容，但不會隱藏該標記的物理空間。例如，如果您有幾條文本行，然後是圖像（圖片），然後是具有三列和兩行圖標和文本的表格。現在，如果將具有隱藏值的可見性css應用於圖像，圖像將消失，但圖像使用的空間將保留在其位置，換句話說，您將以文本和圖像之間的大空間（空洞）結束桌子。現在，如果您使用「可見」值，則您的目標代碼及其元素將會再次可見。

來源

2009-05-27 15:54:44 TStamper

4

如果您的javascript版本超過此限制，請考慮使用某些javascript庫，例如jquery這會帶走一點速度，但會爲您提供更多可讀代碼。通過jquery

你的問題的代碼：

$("td").hide();

當然還有其他JavaScript庫在那裏，作爲this comparison on wikipedia所示。

來源

2009-05-27 15:59:42 miku

2

您可以簡單地只包括樣式屬性隱藏<td>標籤內容：style = "display:none"

爲電子商務。克

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

來源

2009-07-09 12:01:39

1

我們可以隱藏通過使用下面的內聯CSS內部的內容：

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

例如：

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

來源

2012-07-04 15:32:46

6

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

或

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

請注意：2這些方式是不同的。你應該試着去檢查結果。

來源

2012-10-01 03:54:28

6

一切皆有可能（或幾乎）使用CSS，只需使用：

display: none; //to hide 

display: table-cell //to show

來源

2013-08-13 14:30:01

如何使用內嵌JavaScript或CSS隱藏TD標籤？

回答

相關問題