javascript - 我可以对需要在 JavaScript 中进行相同验证的 2 个元素使用相同的 id 吗？

Question

我正在开发一个有很多表格的网络项目。我是否需要为表格中的每个单元格编写单独的函数以进行验证？我可以减少一些代码吗？

Answer 1

不，您不能对两个元素使用相同的 id。您可以做的只是将元素的 id 作为参数传递到您要调用的函数中以调用该元素并将其保存为函数中的变量。

请参阅我为您编写的这段代码

<button id="1" onClick="reply_click(this.id)">B1</button>
<button id="2" onClick="`enter code here`reply_click(this.id)">B2</button>
<button id="3" onClick="reply_click(this.id)">B3</button>

<script type="text/javascript">
function reply_click(clicked_id)
{
    alert(clicked_id);
}
</script>

通过this.id您可以将 id 发送到函数。所以不需要相同的ID。

Answer 2

不可以。如果 HTML 中的 2 个元素具有相同的 ID 属性，则该 HTML 无效。在这种情况下，浏览器可以自由地以他们喜欢的任何方式行事。

您可以使用“类”在元素之间共享行为/外观。