检测元素是否因父隐藏属性而对用户隐藏

Question

在纯javascript / DOM中有没有办法知道元素是否被隐藏？就像我有这样的事情：

    <div id="creator" hiddden="hidden">
      <dl>
        <dt> <label for="creator">Creator:</label> </dt>
        <dd>
           <input type="text" name="creator"/>
        </dd>
      </dl>
    </div>

因此，仅从获取表单元素，是否可以找到它是否隐藏，因为祖先具有隐藏属性？

非常感谢

Answer 1

了解jQuery does it：

的方式

jQuery.expr.filters.hidden = function( elem ) {
    // Support: Opera <= 12.12
    // Opera reports offsetWidths and offsetHeights less than zero on some elements
    return elem.offsetWidth <= 0 && elem.offsetHeight <= 0;
};

演示：http://jsfiddle.net/xJ2Dr/

Answer 2

Element.offsetParent==null

  

然后隐藏元素