<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.first{
width: 200px;
height: 200px;
background: red;
}
.first-child{
width: 100px;
height: 100px;
background: green;
}
</style>
</head>
<body>
<div class="first">
<div class="first-child"></div>
</div>
<div class="second">
<div class="second-child">
<div class="second-child-child"></div>
</div>
</div>
<script type="text/javascript">
var first = document.querySelector('.first');
var firstchild = document.querySelector('.first-child');
var second = document.querySelector('.second');
var secondchild = document.querySelector('.second-child');
var secondchildchild = document.querySelector('.second-child-child');
function isChildOf(child, parent) {
var parentNode;
if(child && parent) {
parentNode = child.parentNode;
while(parentNode) {
if(parent === parentNode) {
return true;
}
parentNode = parentNode.parentNode;
}
}
return false;
}
console.log(isChildOf(firstchild, first));
console.log(isChildOf(secondchild, second));
console.log(isChildOf(secondchildchild, secondchild));
console.log(isChildOf(secondchildchild, second));
console.log(isChildOf(secondchildchild, first));
console.log(document.documentElement.contains(document.body));
console.log(second.contains(secondchildchild));
</script>
</body>
</html>
复制代码
js判断DOM是否包含另一个DOM
最新推荐文章于 2024-08-04 16:33:59 发布