HTMLSelectElement: namedItem() メソッド
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTMLSelectElement.namedItem()
メソッドは、HTMLOptionElement
のうち name
または id
が指定された名前に一致する HTMLOptionElement
を、一致するものがない場合は null
を返します。
JavaScript では、selectElt.namedItem('value')
を使用すると selectElt.namedItem('value')
と同等になります。
構文
js
namedItem(str)
引数
str
は文字列です。
返値
item
はHTMLOptionElement
です。
例
HTML
html
<form>
<select id="myFormControl">
<option id="o1">Opt 1</option>
<option id="o2">Opt 2</option>
</select>
</form>
JavaScript
js
let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.namedItem("o1"); // #o1 を表す HTMLOptionElement
ただし、次のように書くことはできません。
js
let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.o1; // undefined を返す
elem1 = selectElt["o1"]; // undefined を返す
仕様書
Specification |
---|
HTML # dom-select-nameditem-dev |
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
namedItem |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
関連情報
- 実装先の
HTMLSelectElement