Question

我正在尝试使用Javascript隐藏HTML div并收到错误

JavaScript运行时错误：无法获取属性＆＃39;样式＆＃39;未定义或空引用

这是我的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>

因此，当我开始调试时，应该隐藏页面警报＆＃39;然后我得到了JavaScript运行时错误。

如何隐藏此div？

Answer 1

$(this).off('click', function () {});

Answer 2

Javascript比jQuery快一点，但为什么你不能单独使用jQuery而不是纯javascript？

hir是hide选项的示例代码。样本1：

 $(document).ready(function(){
         $('#id').hide();
     });

样本2：

$(function(){
   var index = {
      init: function(){
        //all jQuery calls
        $(document).on('click', '#id', this.exe_this_func);
      },
      exe_this_func: function(e){
          $(this).hide();
          e.preventDefault();
      }
   }
   index.init();
})();

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

2 个答案: