JS项目经验总结

点击后获取元素本身

<div onclick="active(this)">点我</div>   //传this进去，this即元素本身
 
<script>
    function active(elem){
        console.log(elem)   //这里即可获取到元素本身
        elem.setAttribute("class","selected")   //这里获取到的元素本身可以直接js操作
    }
</script>

获取当前元素的所有兄弟元素

<div onclick="active(this)">点我</div>
<div onclick="active(this)">点你</div>
<div onclick="active(this)">点他</div>

<script>
    function active(elem){
        elem.setAttribute("class","selected")
        var r = [];   //这是jquery获取兄弟元素函数的源码
        var n = elem.parentNode.firstChild;  
        for (; n; n = n.nextSibling) {
            if (n.nodeType === 1 && n !== elem) {
                r.push(n);
            }
        }
        return r;
    }
</script>

JS项目经验总结

原文：https://www.cnblogs.com/huihuihero/p/11959241.html