阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      实现效果,点击容器内的图标,图标边框变成border 1px solid red,点击空⽩处重置

      问题

      实现效果,点击容器内的图标,图标边框变成border 1px solid red,点击空⽩处重置

      答案

      const box = document.getElementById('box');
      function isIcon(target) {
          return target.className.includes('icon');
      }
      box.onClick = function(e) {
          e.stopPropagation();
          const target = e.target;
          if (isIcon(target)) {
              target.style.border = '1px solid red';
          }
      }
      const doc = document;
      doc.onclick = function(e) {
          const children = box.children;
          for(let i; i < children.length; i++) {
              if (isIcon(children[i])) {
                  children[i].style.border = 'none';
              }
          }
      }
      

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录