无论如何要单独在 ascx 文件中隐藏一个 div 吗？答案

【问题标题】：Is there anyway to hide a div in ascx file alone?无论如何要单独在 ascx 文件中隐藏一个 div 吗？
【发布时间】：2014-08-14 10:28:34
【问题描述】：

我在 ascx 文件中有一个<div>：

<div id="chart_div1" style="width: 900px; height: 500px;"></div>

有什么方法可以点击像这样的按钮：

<input id="Button29" type="button" value="Hide It!" onclick="dosomething" />

这样每次我点击这个按钮时它都会隐藏上面的 div 吗？但是我不想使用后面的代码来实现它，因为如果我将runat="server" 包含到我的<div> 中，它将无法将谷歌图表点加载到它。 (Pls refer to this post for better understanding)

那么，在不更改<div> 的情况下，单击该按钮时我可以隐藏我的 div 吗？

【问题讨论】：

你可以试试onclick="javascript:document.getElementById('chart_div1').style.display = 'none'"
您可以将该 div 放在 asp:placeholder 中，然后在单击按钮时隐藏占位符（如果您想在服务器端隐藏它）
嗨，Grundy，您的评论就是我的回答！当我想让另一个按钮可见时，“无”的反义词是什么？我试过“是”和“真的”不起作用。
@user1314404 你可以使用'block'，或者空字符串
是的，这是完美的解决方案。您能否形成一个答案，以便我接受，或者如何正确地表达我对您的帮助表示感谢！？

标签： c# javascript css asp.net

【解决方案1】：

为了解决这个小问题，您可以使用HTMLElement.style api，并根据需要设置属性display。

首先：使用id="chart_div1" - document.getElementById('chart_div1') 获取 div
第二：设置显示属性 - document.getElementById('chart_div1').style.display='value'，其中value 来自允许值列表。

无 |内联 |块 |列表项 |内联块 |内联表 |表|表格单元|表列 |表列组 |表页脚组|表头组 |表行 |表行组 |弹性 |内联弹性 |网格 |内联网格 |磨合

用于使用协议“javascript:”将内联 js 添加到 html
所以对于隐藏 div 你需要添加这个onclick

<input ... onclick="javascript:document.getElementById('chart_div1').style.display='none'" />

为了表演 - 这个

<input ... onclick="javascript:document.getElementById('chart_div1').style.display='block'" />

【讨论】：

非常感谢您的帮助！谢谢。