[JavaScript]输出所点击的li标签的index并且给其一个红色的背景 (事件代理)

最新推荐文章于 2022-04-21 17:29:23 发布

DaftJayee

最新推荐文章于 2022-04-21 17:29:23 发布

阅读量185

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_43540219/article/details/108552690

版权

javascript 专栏收录该内容

112 篇文章 0 订阅

订阅专栏

事件代理

        let ul = document.getElementsByTagName("ul")[0]
        let lis = document.getElementsByTagName("li")
        ul.onclick = function (e) {
            var e =   e || window.event
            var target = e.target || e.srcElement
            if (target.nodeName == "LI") {
                // let index = Array.prototype.indexOf.call(lis,target)
                let index = Array.from(lis).indexOf(target)
                console.log(index)
                target.style.background = 'red';
            }
        }