HTMLFormControlsCollection: метод namedItem()

Метод HTMLFormControlsCollection.namedItem() возвращает RadioNodeList или Element в коллекции, чьи name или id совпадают с указанным именем, или null , если такой элемент не найден.

Обратите внимание, что эта версия namedItem() скрывает унаследованную от HTMLCollection. Как и та, в JavaScript, использование синтаксиса массивов с String, например, collection["value"] равносильно collection.namedItem("value").

name

Строка, которая будет использоваться для сопоставления с атрибутами name или id элементов управления в этом объекте HTMLFormControlsCollection.

• RadioNodeList, Element или null.

HTML

<form>
  <label for="notes">Notes:</label>
  <input id="notes" name="my-form-control" type="text" />

  <label for="start">Start date:</label>
  <input id="start" name="my-form-control" type="date" />
</form>

<div id="output"></div>

JavaScript

const form = document.querySelector("form");
const items = form.elements.namedItem("my-form-control");

const output = document.querySelector("#output");
const itemIDs = Array.from(items)
  .map((item) => `"${item.id}"`)
  .join(", ");
output.textContent = `My items: ${itemIDs}`;

Результат

• HTMLCollection.namedItem, который он заменяет