您应该使用
querySelectorAll。它返回NodeList,但是
querySelector仅返回找到的第一个元素:
var deletelink = document.querySelectorAll('.delete');然后,您将循环:
for (var i = 0; i < deletelink.length; i++) { deletelink[i].addEventListener('click', function(event) { if (!confirm("sure u want to delete " + this.title)) { event.preventDefault(); } });}另外,只有在时,您才应该阻止Default
confirm === false。
还值得注意的是,此
return false/true方法仅对与绑定的事件处理程序有用
onclick = function(){...}。对于addEventListening你应该使用
event.preventDefault()。
ES6版本
通过使用Array.prototype.forEach迭代而不是for循环,可以使它更简洁并且更安全地闭环
var deletelinks = document.querySelectorAll('.delete');Array.from(deletelinks).forEach(link => { link.addEventListener('click', function(event) { if (!confirm(`sure u want to delete ${this.title}`)) { event.preventDefault(); } });});


