Javascript 无法读取属性'；风格'；空的

您好，我正在尝试在页面加载时隐藏div，并在选中/取消选中复选框时显示/隐藏它。这是我的代码：

<asp:CheckBox ID="cb1" runat="server" Text="CB" />

<div runat="server" id="div1" style="display:none">
</div>

我得到的错误是：

Uncaught TypeError: Cannot read property 'style' of null

这是我的代码的最后一个版本。我已经尝试过这样的东西：

document.getElementById('div1').style.display="block";
$('#div1').hide();

。。。还有许多其他选择

结果是一样的。请帮助

您正在使用

runat=“server”

，因此请尝试此方法

<%= div1.ClientID %> 

您正在使用

runat=“server”

，因此请尝试以下方法

<%= div1.ClientID %> 

试试这个

window.onload = function () {
    $('#<%= cb1.ClientID %>').change(function () {
        display('<%= div1.ClientID %>');
    })
}

function display(id) {
   $('#'+id).toggle();
}

window.onload=函数（）{
$（'#'）。更改（函数（）{
显示（“”）；
})
}
功能显示（id）{
$（'#'+id）.toggle（）；
}

试试这个

window.onload = function () {
    $('#<%= cb1.ClientID %>').change(function () {
        display('<%= div1.ClientID %>');
    })
}

function display(id) {
   $('#'+id).toggle();
}

window.onload=函数（）{
$（'#'）。更改（函数（）{
显示（“”）；
})
}
功能显示（id）{
$（'#'+id）.toggle（）；
}

实际上必须放在这里：

显示（“”）基于用户代码和函数谢谢@Aristos我错过了函数调用。修改了帖子：）好的，我这样做了，错误消失了，但是现在代码什么也没做。它不显示/隐藏该div。该对话框上没有其他错误page@Gesh它按预期工作确保您的函数正在调用。由于您还在复选框中使用runat=“server”，请检查您的开发人员工具，如果您使用的是chrome，则可以执行Ctrl+Shift+I>Source并检查文件中的错误。如果你正在使用IE，那么你可以按F12并检查源代码。如果您正在使用其他浏览器，那么您可以尝试firebug。实际上，这里必须放置它：
display（“”）基于用户代码和函数谢谢@Aristos我错过了函数调用。修改了帖子：）好的，我这样做了，错误消失了，但是现在代码什么也没做。它不显示/隐藏该div。该对话框上没有其他错误page@Gesh它按预期工作确保您的函数正在调用。由于您还在复选框中使用runat=“server”，请检查您的开发人员工具，如果您使用的是chrome，则可以执行Ctrl+Shift+I>Source并检查文件中的错误。如果你正在使用IE，那么你可以按F12并检查源代码。如果你正在使用其他浏览器，那么你可以试试firebug。我试过了，没有出现错误，但是现在代码什么也没做。它不显示/隐藏div，并且页面上没有其他错误。然后确定您的“id”？您使用的jquery版本是什么？你试过这个吗$（'#cb1'）。在（'change'，function（）{display（'div1'）；}）上，我尝试了这个方法，没有出现错误，但现在代码什么也没做。它不显示/隐藏div，并且页面上没有其他错误。然后确定您的“id”？您使用的jquery版本是什么？你试过这个吗$（'#cb1'）.on（'change'，function（）{display（'div1'）；}）
function display(id) {
    if ($('#'+id).css('display') === 'none') {
        $('#'+id).show();
    } else {
        $('#'+id).hide();
    }
}

window.onload = function () {
    $('#<%= cb1.ClientID %>').change(function () {
        display('<%= div1.ClientID %>');
    })
}

function display(id) {
   $('#'+id).toggle();
}