原生javascript方法查询DOM对象是否隐藏

问题描述

问 题

<div class="answer-top" style=" display: none;">
        <a class="question-edit">Edit</a>
        <a class="clear">Clear</a>
        <a class="delete-finding">Delete</a>
</div>

上面代码如果通过原生的方法：document.querySelector('.question-edit').style.display无法查询该DOM对象是否隐藏

类似jquery有方法$('.question-edit').is(':hidden')来查询

原生DOM有方法实现吗，还是需要查找父节点一层层遍历？

补充：
有回答说用document.querySelector('.question-edit').style.display , 我已经写的很明显了，不行的。。单纯想通过使用style样式属性无法判断出来的，包括visibility，所以可以先看下题目的

解决方案

IE:element.currentStyle
高端:window.getComputedStyle(element)
所以你需要以上两种方式，参考JQ的实现。

这篇关于原生javascript方法查询DOM对象是否隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！