javascript 事件委托

仅作为个人笔记使用，不进行详细说明

参考：https://blog.csdn.net/lszyzs/article/details/106876057

https://zhidao.baidu.com/question/497365658094414364.html

 

删除

?

1 2 3 4 5 6 7 8 9 10 11

<ul> </ul> <script> // 由于是自动在ul标签中生成li标签的 let ul = document.querySelector("ul") ul.onclick = (event) => {     if(event.target.nodeName == "LI") {       ul.removeChild(event.target)     } } </script>

　　

获取自动生成标签的下标

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<ul> </ul> <button>button</button> <script>     let ul = document.querySelector("ul")     let button = document.querySelector("button")     button.onclick = function(event) {         let li = document.createElement("li")         li.innerHTML = "10"         ul.appendChild(li)     }     ul.onclick = (event) => {         let lis = document.querySelectorAll("li")         if (event.target.nodeName == "LI") {             lis.forEach((item, index) => {                 if(event.target == item) {                     console.log(index)                 }             })             // ul.removeChild(event.target)         }     } </script>