如何通過查找文檔元素名稱來匹配文檔元素 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">