如何使两个id属性在同一HTML元素上工作？

我有一个-元素，它需要两个不同的id属性。有没有办法让它在一个id属性中包含两个id属性？一个id用于CSS，另一个id用于JavaScript。 我怎样才能做到这一点？下面是一个代码示例，我正试图找到一种方法使其工作

<input type="button" id="button1" id="reset" value="Subscribe"> 

id=button1表示CSS，而id=reset表示我需要JavaScript，因为点击该按钮将使按钮上方的数字上升。但是我需要一种方法来澄清，id=reset是用于JavaScript的，它与HTML在同一页上，CSS也在同一页上，显然使用了样式标记。

不要在同一DOM元素上使用多个id属性，否则就没有有效的HTML！您应该为JavaScript方法使用另一个属性。例如：

<input type="button" id="button1" class="jsReset" value="Subscribe">

---

因此，我不明白为什么必须添加另一个属性。

指定样式ID—用于更改其样式并通过脚本访问的元素的唯一名称。文档代码中的标识符必须在单个实例中，换句话说，只能出现一次。

不，一个元素只能有一个id。改用CSS类。正如我在回答中提到的：请澄清为什么您认为需要id=button1以外的另一个属性来使用JavaScript定位元素。

<input type="button" id="button1" data-js-id="reset" value="Subscribe">

document.getElementById('button1')
jQuery('#button1') // if you already use jQuery