如果输入具有相同的类和ID，如何使用js填充值

Question

我想在onc​​lick事件上用不同的名称填充不同的输入 但是所有输入标签都具有相同的类和ID。 因此，如何为不同的输入标签分配不同的名称。

示例

<input type="text" name="n1" id="n1">
<input type="text" name="n1" id="n1">
<input type="text" name="n1" id="n1">
<input type="text" name="n1" id="n1">

JS代码

document.getElementById('n1').value = 'Name A';

document.getElementById('n1').value = 'Name B';

document.getElementById('n1').value = 'Name C';

document.getElementById('n1').value = 'Name D';

这里我想在不同的输入中使用不同的名称，但是问题是每个输入标签的ID和类都相同，所以我可以在不更改类或ID的情况下解决这个难题？