如何通过查找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">