使用JS檢查動態內容的可見性

Question

我正在嘗試檢查消息：

"Nenhuma conversa ou mensagem foram encontradas"

在此站點上對用戶可見：

https://web.whatsapp.com/

使用Javascript，當我搜索字符串並且應用程序未找到任何結果時，將顯示該消息。

但是我做不到。

現在這是我的代碼單元：

function isHidden(el) {
    return (el.offsetParent === null)
}
var a = document.getElementsByClassName("empty-text");
isHidden(a);

但是，即使我沒有在屏幕上看到該消息，isHidden始終返回false。

如何正確檢查消息的可見性？

Answer 1

此代碼效果很好。 這將檢查項目是否在視圖中

function isvisible(el){
  return window.scrollY + window.innerHeight >= el.offsetTop
}
window.onscroll=function(){
  var elem = document.getElementById("isHidden");
  if(isvisible(elem)){
    //some code
  }
}