js 判断DOM元素的包含关系(contains)

1,790 阅读1分钟

需求描述:需要判断指定的dom元素是否包含当前点击的元素,然后在执行后边的逻辑。

第一部分:

contains方法介绍:
如果A元素包含B元素,则返回true,否则false。同级也会返回true,参数是Element类型

contains方法使用:
例如:A是父元素;B是子元素或者是同级元素
使用:A.contains(B)

这样就可以轻松判断出dom的包含关系了。

第二部分:扩展

判断dom元素是否包含class类

.black { background-color: black;} 
var wrap = document.querySelector('.wrap')
// 是否包含 .black
wrap.classList.contains('black')

结束语:不知道是否帮助到大家,欢迎大家多多指教,互关互助!!!