Question

我有一个gridview，其中包含div作为项目模板，目前看不见但我想在链接点击时显示它

我的div代码是

    <asp:TemplateField HeaderStyle-Width="100px">
<ItemTemplate>
    <img alt="fdhfgh" src="~/Images/Resources/thumb/edit.png" onclick="<%# DataBinder.Eval(Container,"RowIndex","javascript:DisplayAction('Div{0}')") %>" />
    <div id='<%# DataBinder.Eval(Container,"RowIndex","Div{0}") %>' class="displayAction">
        <asp:HyperLink ID="hlnkEdit" runat="server" Text="Edit" CssClass="logo" NavigateUrl='<%# "~/Recruiter/AddUser.aspx?UserId=" + Eval("ID") + "&ProfileId=" + Eval("REF_PROFILE_ID") + "&UserTypeId=" + Eval("USER_TYPE_ID")+"&AccessType=EditAllUser" %>'
            ImageUrl="~/Images/Resources/thumb/edit.png" ToolTip='<%# "Edit - " + Eval("Name") %>'>
        </asp:HyperLink>
    </div>
</ItemTemplate>

我的javascript代码是

function DisplayAction(div) {
try {

 document.getElementById(div).style.display = "none";
 } catch (e) {
  alert(e);
 }

}

我的css是

.displayAction
{
display:none;
z-index:1000;
width:100px;
}

但我无法通过javascript显示div 请指导我

Answer 1

您的javascript正在将控件再次设置为不可见。试试这个：

function DisplayAction(div) {
  try {
     document.getElementById(div).style.display = "";
  } catch (e) {
     alert(e);
  }
}

Answer 2

您是否检查了您选择的元素是否正确？

尝试使用console.log并将其悬停在调试器中。阿里斯托斯的建议应该有效。

使用javascript使div（Inside gridview）可见

2 个答案: