<ul><li>1111111111</li><li>2222222222</li><li>3333333333</li><li>4444444444</li>
</ul>

常规的 li 绑定点击事件

document.querySelectorAll('ul li').forEach((li) => {li.addEventListener('click', function() {console.log('Clicked on:', this.innerText);});
});

如果 li 元素很多，会影响性能。动态添新添加的 li 元素不会自动注册事件监听器

采用事件委托

document.querySelector(".list").addEventListener("click", function (event) {console.dir(event.target);if (event.target.className === "vote-btn") {console.log("Clicked on:", event.target.innerText);}
});