使td元素不可見或其內部html空白

Question

我有這樣的元素。

<td id = "reconText" style='vertical-align:bottom;font-weight:bold;'></td> 

我有一個JavaScript函數，它別的東西：

if (!showReconText) 
    var obj = document.getElementById("reconText"); 
    obj.innerHTML = " "; 

它爲我，但我要尋找一個更優雅的解決方案，例如我可以隱藏TD元素完全替代「」或者有沒有像JavaScript/JQuery中的String.Empty。

Answer 1

嘗試document.getElementById("reconText").style.display = 'none';

Answer 2

隱藏一個孤獨的TD元素可以是狡猾的工作;你可以在一個範圍內隱藏「候選人」，然後在範圍上調用.hide()（jQuery）。如果您試圖通過將顯示設置爲none或刪除它來隱藏TD，則會破壞表格的流程。

如果您不再需要單元格的內容，只需按照其他響應（或使用您自己的JS示例）中所述清空字符串即可。如果你可能需要用另一個函數再次「揭示」它，請考慮「包裝另一個元素」策略。

Answer 3

//if u want to hide 
$("td#reconText").hide(); 

//if u want to remove 
$("td#reconText").remove();