javascript - JavaScript で同じ検証を必要とする 2 つの要素に同じ ID を使用できますか?

Question

多くのテーブルを持つ Web プロジェクトに取り組んでいます。検証のためにテーブル内のセルごとに個別の関数を記述する必要がありますか? どうすればコードを減らすことができますか?

Answer 1

いいえ、2 つの要素に同じ 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 は無効です。この場合、ブラウザは自由に好きなように振る舞うことができます。

「クラス」を使用して、要素間で動作/外観を共有できます。