CSS:
#test {
visibility: hidden;
width: 400px;
height: 400px;
background-color: orange;
}
#subTest {
width: 100px;
height: 100px;
background-color: gray;
}
HTML:
<div id="test">
<div id="subTest"></div>
</div>
JavaScript:
$(function() {
var test = document.getElementById('test'),
subTest = document.getElementById('subTest');
console.log("getClientRects,length = " + subTest.getClientRects().length);
console.log("offsetParent = " + subTest.offsetParent);
console.log("JQuery isVisible = " + $("#subTest").is(":visible"));
});
结果:
getClientRects,length = 1
offsetParent = [object HTMLBodyElement]
JQuery isVisible = true
看来所有方法都无效。
那么如何检查#subTest是否可见?
最佳答案
这个
$('#subTest').css('visibility') == 'hidden' // true
由于父级是隐藏
,它将级联到子级。
关于javascript - 检查 DOM 中隐藏的父元素是否可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36216575/