需求描述:需要判断指定的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')
结束语:不知道是否帮助到大家,欢迎大家多多指教,互关互助!!!