Как сопоставить идентификатор элемента документа, найдя имя элемента документа?

Question

Итак, на веб-сайте каждый раз, когда вы обновляете sh, идентификатор указанного c элемента изменяется, но его имя остается прежним. Я хочу найти имя, а затем сопоставить его с идентификатором документа, который был в том же документе. Я думал запустить al oop, но не знаю, как это сделать. Вот как выглядит 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» с идентификатором, а затем изменить его значение, потому что идентификатор меняется каждый раз, когда я обновляю sh страницу .

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">