javascript - DOMElement 是否可渲染？

Question

有没有办法检查元素是否可渲染？

例如，我想要一些方法返回 true在 br a div body html等等

但要返回false在 head style script等等

我试过了 if(!el.style) return false;但似乎甚至head和 style有.style

这是完全可能的还是我应该只制作一个可渲染标记名列表？

Answer 1

我想我有一个简单的解决方案。检查哪些元素在创建时具有 display: none。

JsFiddle here

function isDefaultVisible(domElement) {
    var el = document.createElement(domElement.tagName);
    return window.getComputedStyle(el,null).getPropertyValue('display') != 'none';
}