通过事件委托将CSS类添加到动态创建的li中

Question

所以我有一个li，我想在单击它时使CSS类切换。我正在通过事件委托进行操作，因为我的应用程序动态创建了更多lis，但是我不知道如何访问被单击以使其切换的li。

var listElement = document.querySelector("ul");

listElement.addEventListener("click", function(e){
    if(e.target && e.target.nodeName == 'LI') {
        //How would i access the clicked li and apply the .classList.toggle("class")?
    }
});

Answer 1

您可以使用e.target.children定位事件目标的所有子级，在这种情况下，将是所有li元素。 children property将返回HTMLCollection中所选元素的所有子元素（可以对其进行迭代），以及使用数组表示法选择的单个元素。