Question

我有这个Asp.net页面，我试图在客户端点击事件的标签中设置标签和图像可见和diplay文本。

这是asp代码：

 <td align="right">
     <asp:Image ID="AlertPic" runat ="server" Visible="false" ImageUrl="~/images/i_AlertWarning.png" />
     <asp:Label ID="lblError" runat ="server" Visible="false" CssClass="errorMessage"></asp:Label>
</td>

在javascript端：

function xx(sender,eventArgs){
     document.getElementById('lblError').style.visibility = "visible";
     document.getElementById('AlertPic').style.visibility = "visible";
     document.getElementById('lblError').innerHTML = "Please fill in Search Criteria";
}

这不起作用。

Answer 1

您不能，因为Visible属性控制着控件的渲染。也许你应该用一些CSS隐藏它。

Answer 2

如果您想在客户端进行操作，则无法显示（因为控件不会呈现，因此无法访问DOM）使用CSS显示样式为“none”，然后在客户端上切换它。

<asp:Label ID="lblError" runat ="server" style="display:none" CssClass="errorMessage"></asp:Label>

使其可见

document.getElementById('lblError').style.display = 'inherit';

隐藏它

document.getElementById('lblError').style.display = 'none';

Answer 3

Visible属性设置为false时，将导致您的特定控件根本不会在DOM中呈现：

获取或设置一个值，该值指示服务器控件是否为在页面上呈现为UI。

因此，如果它没有被渲染，它将无法通过Javascript访问。您最好通过display:none或visibility: hidden样式通过CSS隐藏元素，然后实际渲染和访问它：

<asp:Image ID="AlertPic" ... style='visibility:none' />
<asp:Label ID="lblError" ... style='visibility:none'></asp:Label>

Answer 4

使用带有 visibility = hidden 或 visibility = visible insted的div。

<div id ="image" visibility = "hidden">

    <asp:Image ID="AlertPic" runat ="server" ImageUrl="~/images/i_AlertWarning.png" />
    <asp:Label ID="lblError" runat ="server" CssClass="errorMessage"></asp:Label>

</div>

现在只需将带有id图像的div设置为可见或隐藏，因为它默认隐藏

Answer 5

更新您的HTML代码

var regex = new RegExp("([\\s>]|^)("+word+")(?=[<\\s]|$)", "gi");
str=str.replace(regex,'$1<span class="selected">$2</span>');

和你的javascript代码

 <td align="right">
   <asp:Image ID="AlertPic" runat ="server" ImageUrl="~/images/i_AlertWarning.png" style="display:none"  />
   <asp:Label ID="lblError" runat ="server" CssClass="errorMessage" style="display:none"></asp:Label>
 </td>

希望这对你有帮助。

Answer 6

     function CLick()
            {

                $("#<%=lblError.ClientID%>").toggleClass("visibleoff");


            };

 .visibleoff{
           display:none;
       }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td align="right">
     <asp:Image ID="AlertPic" runat ="server"  CssClass="" ImageUrl="../Content/img/images.jpg" onClick="CLick();" />
     <asp:Label ID="lblError" runat ="server" CssClass="errorMessage visibleoff" Text="hi this is the error"></asp:Label>
</td>

使用JQuery Selector和CSS Class

这里是代码您只需在代码中包含并尝试希望它可以帮助您

使用javascript将标签设置为可见

6 个答案: