javascript - DOMElement はレンダリング可能ですか?

Question

Element がレンダリング可能かどうかを確認する方法はありますか?

たとえば、いくつかのメソッドが返されるようtrueにしたいbr a div body htmlなど

falseしかし、head style scriptなどに戻る

試しif(!el.style) return false;てみましたが、均等にhead見えstyleます.style

それはまったく可能ですか、それともレンダリング可能なタグ名のリストを作成するだけですか?

Answer 1

簡単な解決策があると思います。作成時にどの要素があるかを確認しますdisplay: none。

JsFiddleはこちら

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

Answer 2

すべての要素をレンダリングできます。それは本当にブラウザのデフォルトのスタイルシートに依存します。詳細については、このすばらしい記事を参照してください。

http://mathiasbynens.be/notes/css-hidden-elements

Answer 3

function isElementRenderable(el){
    if(el.nodeType != 1) return false;
    if(el instanceof HTMLHeadElement || el instanceof HTMLLinkElement ||
       el instanceof HTMLTitleElement|| el instanceof HTMLMetaElement ||
       el instanceof HTMLBaseElement || el instanceof HTMLStyleElement||
       el instanceof HTMLScriptElement)
    return false;
    return true;
}