Question

我在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吗？

Answer 1

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

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

无|内联|块| list-item |内联块|内联表|表| table-cell | table-column | table-column-group |桌脚组| table-header-group |表格行table-row-group | flex | inline-flex |网格|内联网格|磨合

使用协议＆＃34; javascript：＆＃34;
将内联js添加到html 所以对于hide div，你需要添加这个onclick

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

表示 - 这个

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

反正有没有单独隐藏ascx文件中的div？

1 个答案: