Javascript 即使在没有id的情况下单击引导按钮，您如何触发错误？

对于javascript项目，我需要能够与三个引导按钮交互

按钮的代码如下所示：

不允许我修改此行，因此不可能简单地向按钮添加id。 也就是说，我如何向这些按钮添加单击侦听器并与它们交互

谢谢您的时间。

他们似乎已经有ID，您可以使用

querySelector

和属性选择器来查询这些ID

document.querySelector（“a[data id='0']”）。addEventListener（“单击”，（）=>{
log（“您单击了数据id 0”）；
});
尝试使用类名：


var elements=document.getElementsByClassName（“btn”）；
var myFunction=function（）{
console.log（“带有数据id的按钮”、this.getAttribute（“数据id”）、“单击”）；
};
对于（var i=0；i

您可以使用querySelector，请参见下面的示例：


var button1=document.querySelector（“[data id=“0”]”）
var button2=document.querySelector（“[data id=“1”]”）
var button3=document.querySelector（“[data id=“2”]”）
按钮1.addEventListener（“单击”，（）=>{
控制台日志（“按钮1”）；
});
按钮2.addEventListener（“单击”，（）=>{
控制台日志（“按钮2”）；
});
按钮3.addEventListener（“单击”，（）=>{
控制台日志（“按钮3”）；
});
只需使用数据id作为选择器即可

参见示例


let elem=document.querySelector（“[data id=“0”]”）；
控制台日志（elem）
元素单击（）

您是否至少尝试过在google上搜索
如何选择没有id javascript的元素？在发布此类问题之前，请进行最少的研究。研究提示：
CSS选择器
。。。备选ID可以是
数据ID
（至少其值看起来是唯一的）。如果您已经尝试了某项功能，请将您的代码发布为（即使它基于不存在的
id
或不工作）。我们珍惜每一次努力@我有。不知何故，没有任何东西能像我所需要的那样处理引导按钮。你应该知道，开发过程中最重要的部分之一就是知道如何“询问谷歌”并找到你的解决方案。你遇到的99%的问题以前都有人问过（这里大部分时间都是这样）。当你在谷歌上搜索
如何选择没有id的元素时，javascript
前两个结果都来自于这样的结果，这足以帮助你解决问题。所以我不知道你为什么说“什么都没发生”。我最终使用了你建议的类名以及zero298建议的querySelector，它工作得非常好，谢谢！