javascript - 显示不正确

Question

单击按钮后，我试图返回显示值，但它没有返回正确的值。

我的元素：<div id="my_div" style="display: none;"></div>

点击按钮后：<div id="my_div" style="display: block;"></div>

Javascript：

(function () {
  $('#button').trigger('click');

  return document.getElementById('my_div').style.display;
})();

回报：

“没有任何”

无需单击按钮（仅执行document.getElementById('my_div').style.display），我得到正确的输出：

在控制台中执行：

(function () {
  return document.getElementById('my_div').style.display;
})();

回报：

“堵塞”

标签： javascripthtml

Answer 1

用于$("#my_div).css('display')返回显示值。

(function () {
  // On click
  $('#my_div').on('click', function(){
    console.log($(this).css('display'));
  });
})();

/* For testing purpose */
#my_div {
  width:100px;
  height: 100px;
  background: #999;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="my_div" style="display:block"></div>