实现效果，点击容器内的图标，图标边框变成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前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。

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