javascript - 如何捕获元素样式显示 = "none"

Question

加载页面几秒钟后，$('#connecting') 的样式更改为 display:none。

// ==UserScript==
// @name         agarddack4
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http*://agar.ddack.oa.gg/
// ==/UserScript==
var s = $('#connecting').css('display')
if (s == "none"){
   console.log("1")
}

如果元素的样式更改为 display:none，我尝试执行此操作，但没有成功。

Answer 1

这是等待元素在用户脚本中消失的简单方法:

基本上，我们有一个递归函数，每秒都会检查元素，并重复直到它最终被隐藏。

// Relevant code
function check() {
  if ($('#connecting').is(':hidden')) {
    console.log("Hidden!")
  } else {
    console.log("Still visible, trying again in 1 second")
    setTimeout(check, 1000)
  }
}
check()

// This is just for the sake of a functional example
setTimeout(function() {
  $('#connecting').css({
    'display': 'none'
  })
}, 6000)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='connecting'>Connecting...</div>