javascript - 模拟 jQuery :visible selector with plain Javascript

Question

我正在将一段代码从 jQuery 转换为 ChocolateChip UI ，这段代码让我很困惑，因为 ChocolateChip UI 不支持 ':visible' 来实现 is()

if (interactive && block.is(':visible')) {
            block.fadeOut(250, function() {
                block.html(newContent);
                block.fadeIn(750);
            });
            showHighlight($("#character_text"));
} 

我得到的错误是:

Uncaught SyntaxError: Failed to execute query: ':visible' is not a valid selector. 

两个问题:

1. 如何使用纯 JavaScript 模拟 is(':visible')？
2. 如何扩展 ChocolateChip UI 的 is() 来处理 :visible？

Answer 1

作为第一个问题的答案:

In jQuery 1.3.2 an element is visible if its browser-reported offsetWidth or offsetHeight is greater than 0. (source)

所以

$(element).is(":visible")

应该是一样的

(element.offsetWidth > 0 || element.offsetHeight > 0)