ASP.NET 後台控制 Div 顯示/隱藏：runat="server" 與 Visible 屬性

ASP.NET WebForms 中，要在後台代碼控制 <div> 的顯示與隱藏，只需添加 runat="server" 屬性使其成為服務端控件，即可通過 Visible 屬性切換。

前端標記

<div id="myDiv" runat="server">
  這裡是可動態顯示/隱藏的內容
</div>

後台代碼

// 顯示
myDiv.Visible = true;

// 隱藏
myDiv.Visible = false;

// 切換
myDiv.Visible = !myDiv.Visible;

原理

• runat="server" 讓 ASP.NET 運行時創建 HtmlGenericControl 實例
• Visible = false 會在渲染階段完全不輸出該標籤（客戶端無 HTML）
• 若需客戶端保留 HTML 但隱藏，改用 CSS：myDiv.Style["display"] = "none"

對比：Visible vs Style.display

服務端邏輯控制顯隱用 Visible，客戶端交互用 CSS display，分工明確。