如何判断一个元素在元素集合中

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div>
    <a href="#">A标签</a>
    <a href="#">A标签</a>
    <a href="#">A标签</a>
    <a href="#">A标签</a>
    <a href="#">A标签</a>
    <span>span标签</span>
  </div>
  <script>
    var oDiv = document.getElementsByTagName("div")[0];
    var oAs = oDiv.getElementsByTagName('a');
    oDiv.addEventListener('click',function(event){
      // 如何判断event.target指向的a在oAs集合之中?
      if(event.target in oAs){alert("it's here!")} // 这里并没有执行

      event.target.style = "color:skyblue;" // 但是这里是有效的
    });
  </script>
</body>
</html>

我希望通过时间冒泡的机制操作div中每一个a标记的click事件,但是不希望他作用到其他元素上如何进行过滤了?

例如,不想作用在span标签和div容器上。只作用在a标签上。

路北
浏览 1598回答 1
1回答

_潇潇暮雨

添加if判断event.target.tagName.toLowercase() === 'a'
打开App,查看更多内容
随时随地看视频慕课网APP