如何通过查找documentElement名称来匹配documentElement ID

Question

因此，在网站上，每次刷新时，特定元素的ID都会更改，但其名称保持不变。我想找到名称，然后将其与同一文档中的文档ID进行匹配。我想运行一个循环，但我不知道怎么做。这就是html的样子：

<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="firstname" aria-required="true" aria-invalid="false" id="N6YFA53">

我想将名称"firstname"与id匹配，然后更改其值，因为每次刷新页面时id都会更改。

Answer 1

您可以根据输入名称使用querySelector，然后只使用id。

var first_name_id = document.querySelector("input[name='firstname']").id;
console.log(first_name_id);

<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="firstname" aria-required="true" aria-invalid="false" id="N6YFA53">