css - 通过代码影响子 CSS

Question

好的，所以我试图将无序列表从显示无设置为阻止按钮单击。我已经像这样设置了CSS；

#ErrorDiv li{ color:#9a005a; font-weight:bold; display:none;}

所以我的 ErrorDiv 中的所有 ListItems 都不会显示。问题是，如何在单击按钮时显示它们？我已经尝试过我的代码；

ErrorDiv.Style.Add("Display", "block")

但显然这只是 ErrorDiv 而不是子 ListItems。我也尝试过调用 javascript 函数，但这有点让人头疼。我想必须有一种简单的方法可以影响子元素的这个样式属性？

需要明确的是，这不仅仅是按钮单击-> 显示。在显示之前，服务器端有一些工作要做。

Answer 1

你应该尝试这样的事情。

     Protected Sub Button1_Click(sender As Object, e As EventArgs)
     Me.ErrorDiv.Attributes.Add("style", "display:block;")
     End Sub

我希望这对你有用。

Answer 2

在页面中包含 jquery 框架，然后使用 click 事件

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script>
$(function(){
    $('#ID').click(function(){
        $('#ErrorDiv li').css({'display':'block'});
    });
});
</script>