Javascript 单击具有html数据属性的元素时，如何触发操作

单击具有html数据属性的元素时，如何触发操作？我在同一文档中的不同位置有此元素

Html元素

<a href="#" data-trigger="modal" data-target="signInModal">Sign In</a>

<button href="#" data-trigger="modal" data-target="signUpModal">Sign Up</button>

注册

Javascript

<script>
Let x = getElementByData('data-trigger')
</script>

设x=getElementByData（'data-trigger'））

单击任意html元素时，它将返回该元素的对象，该对象将包括数据目标

您可以使用（“[data attribute]”获取具有数据属性的第一个元素，或使用（“[data attribute]”）获取具有数据属性的所有元素

//获取具有数据字段的所有元素
const allFields=document.queryselectoral（“[data field]”）；
log（Array.from（allFields））；
//仅获取第一个数据字段为name的元素
const elemName=document.querySelector（“[data field=name]”）；
console.log（elemName）

let x=document.querySelector（“[数据属性]”）；您认为OP所说的点击事件是什么意思？我认为OP希望选择一个或多个具有数据属性的元素，然后向该元素添加点击事件处理程序。我猜OP已经看到了getElementById，并且想知道如何选择具有指定数据属性的元素我现在明白我的问题很模糊，很抱歉。我打算做的是在单击具有数据属性的元素后触发一个操作。但是我在文档上有多个具有相同数据属性的元素。@DanielGreatmanWalter编辑您的问题，让它更清楚您想要什么。假装你向一个聪明的5岁孩子描述了你的问题。显示一些代码例如，显示一些html代码，在其中显示属性，并描述如果单击了属性，以及是否存在此规则的异常，则要检测哪些元素。