js判断是由含有a节点_怎么判断某个dom节点是否包含某个dom节点?

.center {

display: flex;

justify-content: center;

align-items: center;

}

.main {

width: 300px;

height: 300px;

background: red;

}

.con {

width: 200px;

height: 200px;

background: green;

}

.text {

width: 100px;

height: 100px;

background: yellow;

}

测试

var main = document.querySelector(".main");

var con = document.querySelector(".con");

var text = document.querySelector(".text");

text.addEventListener("click", function(e) {

console.log(main.contains(e.target));

console.log(con.contains(e.target));

console.log(main.contains(con));

console.log(con.contains(main));

})

console.log(isChildOf(con, main));

console.log(isChildOf(text, main));

console.log(isChildOf(main, con));

function isChildOf(child, parent) {

var parentNode;

if(child && parent) {

parentNode = child.parentNode;

while(parentNode) {

if(parent === parentNode) {

return true;

}

parentNode = parentNode.parentNode;

}

}

return false;

}

总结

以上是生活随笔为你收集整理的js判断是由含有a节点_怎么判断某个dom节点是否包含某个dom节点?的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。