javascript - 如何使用javascript通过id隐藏html div

Question

我试图用 Javascript 隐藏 HTML div 并收到错误

JavaScript runtime error: Unable to get property 'style' of undefined or null reference

这是我的 JavaScript 代码:

if (typeof(jsondata[0]) == 'undefined') {
    alert('should be hidden');
    document.getElementById("unassignedDevices").style.visibility = "hidden";
}

这是我的 HTML:

<div id="unassignedDevices">
    <button id="unassignedDevicesbutton" class="button-basicmenu" onclick="findUnassignedDevices();">Find unassigned Devices</button>

    <table id="gridunassignedDevices"></table>

</div>

因此，当我开始调试时，页面会发出警报“应该隐藏”，然后我收到 JavaScript 运行时错误。

如何隐藏这个div？

Answer 1

$(document).ready(function(){
   if (typeof (jsondata[0]) == 'undefined') {
      $('#unassignedDevices').hide();
    }
});