javascript - 我怎样才能用一个类给每个 div 一个函数

Question

关闭。这个问题需要details or clarity .它目前不接受答案。












想改善这个问题吗？通过 editing this post 添加详细信息并澄清问题.

去年关闭。




Improve this question




就像你可以。

document.querySelectorAll('div').forEach((div) => {
  div.onclick = () => {
    console.log(this.dataset.id)
  }
});

如果 div 是一个类 .email 我该怎么做
我怎样才能让它工作？
以及如何将类和数据集放在 Javascript 中，因为我创建了一个元素。

Answer 1

避免使用 onclick ，或任何 onEvent元素上的属性。相反，使用 element.addEventListener(eventType, callbackFn)

function printDatasetId(e){
    console.log(this.dataset.id);
}


document.querySelectorAll('.email').forEach(email => email.addEventListener('click', printDatasetId))

<p class="email" data-id="adam@hey.com">adam@hey.com</p>
<p class="email" data-id="jeff@hey.com">jeff@hey.com</p>