DOM

：

：

HTMLCollection.namedItem() メソッド

　編集：2022.10.27 by T.A.

[Edge]。→、、

HTMLCollection の中で、指定の id または name 属性の名前と最初に一致する要素 Element を返します。

一致する要素がない場合は null を返します。

mdn： id または name 属性が指定された名前と一致するコレクション内の最初の Element を返します。要素が一致しない場合は null 。

mdn： JavaScript では、文字列で配列ブラケット構文を使用 ― HTMLCollection["value"] ― することは、HTMLCollection.namedItem("value") と同等です。

構文
HTMLCollection.namedItem(key)
HTMLCollection HTMLCollection オブジェクト。
key HTML要素の id または name 属性の値を表す文字列です。
戻り値

アイテムは、key に一致する HTMLCollection 内の最初の Element です。存在しない場合は null。

例
mdnより

HTML： 

<div id="personal">
  <span name="title">Dr.</span>
  <span name="firstname">John</span>
  <span name="lastname">Doe</span>
</div>

JavaScript： 

const container = document.getElementById('personal');
//「title」という名前の HTMLSpanElement を返します。そのような要素が存在しない場合は、null が返されます。
const titleSpan = container.children.namedItem('title');
//次の値は、名前または ID が一致する要素がない場合、null ではなく undefined を返します。
const firstnameSpan = container.children['firstname'];
const lastnameSpan = container.children.lastname;

HTML： 

<SPAN class=Test name=NTest>SPAN要素。</SPAN><BR class=Test>
<FORM>
  <INPUT class=Test name=NTest type=radio value="1">
  <INPUT class=Test name=NTest type=radio value="2">
  <INPUT class=Test name=NTest type=radio value="3">
  <BR>
<INPUT class=Test name=NBetu type=checkbox value="チェック">
</FORM>

JavaScript： 

HC=document.getElementsByClassName("Test");  //class 名「Test」のコレクションを得る。
//D=HC('NTest');
D=HC.namedItem('NTest');  //＝[object]：[object HTMLSpanElement]

詳細	//title＝[string]：
	//lang＝[string]：
	//translate＝[boolean]：true
	//dir＝[string]：
	//hidden＝[boolean]：false
	//accessKey＝[string]：
	//draggable＝[boolean]：false
	//spellcheck＝[boolean]：true
	//textprediction＝[boolean]：true
	//autocapitalize＝[string]：
	//contentEditable＝[string]：inherit
	//enterKeyHint＝[string]：
	//isContentEditable＝[boolean]：false
	//inputMode＝[string]：
	//virtualKeyboardPolicy＝[string]：
	//offsetParent＝[object]：[object HTMLBodyElement]
	//offsetTop＝[number]：1908
	//offsetLeft＝[number]：37
	//offsetWidth＝[number]：105
	//offsetHeight＝[number]：19
	//innerText＝[string]：SPAN要素。
	//…

→document.getElementsByClassName()。

テスト