<select>【選択リスト (List box control / HTML 4.01：option selector)】
概要 ( 例 関連DOM・Web API 関連要素 外部リンク ) 構文 DOMインタフェース (HTMLSelectElement)
定義： 送信データ名 表示形式 選択項目 複数選択 選択項目の選択 グループ化 ( 参考：コンボボックス )
概要
メモ
- 選択リストの定義〔 例 〕
- 送信データ名：name 属性
- 表示形式 (実装依存：モバイル系の多くはドロップダウンリストのみ)
- ドロップダウンリスト：size 属性 値 ＝ 1
- リストボックス：1 ＜ size属性 値
- 選択項目：<option>【選択リストの選択項目】
- 複数選択：multiple 属性 (項目選択：[Ctrl] + クリック 等)
- 選択項目の選択： <option>【選択リストの選択項目】のselected 属性
- 選択項目のグループ化：<optgroup>【選択項目のグループ化】
- 参考
- 選択項目に加え入力も可能なコンボボックス： <input>【汎用入力コントロール】及び <datalist>【コンボボックス用リスト】 を使用
例
<p>
<select size="1">
<option>項目１
<option>項目２
<option>項目３
<option>項目４
</select>
ドロップダウンリスト
</p>
<p>
<select size="1">
<optgroup label="グループＡ">
<option>項目１
<option>項目２
</optgroup>
<optgroup label="グループＢ">
<option>項目３
<option>項目４
</optgroup>
</select>
ドロップダウンリスト＋グループ化
</p>
<p>
<select size="3">
<option>項目１
<option>項目２
<option>項目３
<option>項目４
</select>
リストボックス
</p>
<p>
<select size="3">
<optgroup label="グループＡ">
<option>項目１
<option>項目２
</optgroup>
<optgroup label="グループＢ">
<option>項目３
<option>項目４
</optgroup>
</select>
リストボックス＋グループ化
</p>
<p>
<select size="3" multiple>
<option>項目１
<option selected>項目２
<option selected>項目３
<option>項目４
</select>
リストボックス＋複数選択
</p>
<p>
<select size="3" multiple>
<optgroup label="グループＡ">
<option>項目１
<option selected>項目２
</optgroup>
<optgroup label="グループＢ">
<option>項目３
<option selected>項目４
</optgroup>
</select>
リストボックス＋グループ化＋複数選択
</p>
ドロップダウンリスト
ドロップダウンリスト＋グループ化
リストボックス
リストボックス＋グループ化
リストボックス＋複数選択
リストボックス＋グループ化＋複数選択
関連DOM・Web API
| 処理 | プロパティ / メソッド | 備考 |
|---|---|---|
| 選択項目変更イベント | onchange | 一部ブラウザで、ドロップダウンリストで上下矢印キーの選択は非通知 (Firefox：フォーカス喪失で通知) 未選択状態に変更時は、非通知 |
| 入力不正イベント | oninvalid | required【入力必須】 チェック |
| 要素取得 | document.getElementById(【id】) | HTMLSelectElement |
| 選択項目番号 (0～) | selectedIndex | 複数選択時は先頭の選択項目番号 (-1：未選択) |
| 選択項目値 | value | 複数選択時は先頭の選択項目値 |
| 項目数 | options.length | |
| 項目 (コレクション) | options | HTMLOptionsCollection |
| 項目 | options[【項目番号 (0～)】] | HTMLOptionElement |
| 項目値 取得・設定 | options[【項目番号 (0～)】].value | |
| 項目テキスト 取得・設定 | options[【項目番号 (0～)】].text | |
| 項目選択有無 取得・設定 | options[【項目番号 (0～)】].selected | true / false |
| 項目追加 | var option = document.createElement("option"); option.value = 【項目値】; option.text = "【項目テキスト】"; ～.appendChild(option); | |
| 先頭項目削除 | ～.removeChild(～.firstChild) | 全項目削除で使用 |
| 指定項目削除 | ～.removeChild(～.options[【項目番号 (0～)】]) | |
| スタイル 取得・設定 | style.～ | color・backgroundColor 等 |
関連要素
外部リンク
- HTML Living Standard (英語)
- W3C HTML 5.2 (英語)
- W3C HTML 5.1 2nd Edition (英語)
- W3C HTML5 (英語)
構文
| <select | 必須 | 開始タグ | ||||||||||||||||
| autocomplete=on | off | 入力自動補完の有無 | |||||||||||||||||
| autofocus | ページロード時、自動フォーカス グローバル属性に移動 | |||||||||||||||||
| disabled | コントロール無効化 | |||||||||||||||||
| form=【form要素id】 | 関連付けform要素id属性 (コントロールをform要素外に定義可能) | |||||||||||||||||
| multiple | 複数選択可 | |||||||||||||||||
| name=【コントロール名】 | コントロール名 (送信データ名) id との重複は不可 | |||||||||||||||||
| required | 入力必須 | |||||||||||||||||
| size=【リスト内表示行数】 | リスト内表示行数 (省略時：1 / multiple属性指定の場合 4) ・1：ドロップダウンリスト ・2以上：リストボックス | |||||||||||||||||
【グローバル属性】 | ||||||||||||||||||
| accesskey=【アクセスキー (複数：半角スペース区切り )】 | アクセスキー | |||||||||||||||||
| autocapitalize=【変換方法】 | 自動大文字化
| |||||||||||||||||
| autofocus | ページロード時、自動フォーカス ※：<button>【ボタン】・<input>【汎用入力コントロール】・<textarea>【複数行入力コントロール】・<select>【選択リスト】はW3C定義の同名個別属性も参照 | |||||||||||||||||
| class=【クラス名 (複数：半角スペース区切り)】 | 所属クラス (複数指定：<style>【スタイル情報】)・外部スタイルシートで後の定義が優先 | |||||||||||||||||
| contenteditable [ ="" (可能) | true (可能) | false (不可) | inherit (親要素継承) ] | 編集可否 | |||||||||||||||||
| contextmenu=<menu>【メニュー】 のid | コンテキストメニューのid | |||||||||||||||||
| data-*=【カスタムデータ】 | カスタムデータ属性 | |||||||||||||||||
| dir=ltr (左から右) | rtl (右から左) | auto (自動) | 文字表記方向 (ltr：left to right text or table / rtl：right to left text or table) ※<bdo>【テキスト方向形式】の場合、ltr または rtlが必須 | |||||||||||||||||
| draggable=true (ドラッグ可能) | false (ドラッグ不可) | auto (ブラウザ既定) | ドラッグ可否 | |||||||||||||||||
| dropzone=copy (ドロップデータのコピー) | move (ドロップデータを移動) | link (ドロップデータのリンク) | ドロップデータの扱い | |||||||||||||||||
| enterkeyhint=【ヒント】 | [Enter]キーのアクション ヒント (対応するラベル・アイコン等を表示)
| |||||||||||||||||
| id=【id】 | id (ドキュメント中で一意 name【コントロール名 (送信データ名)】を含む) スペース文字 (SP：U+0020・tab：U+0009・LF：U+000A・FF：U+000C・CR：U+000D) 以外の全ての文字が使用可能 (大文字小文字の区別あり) (<a>【ハイパーリンク】のリンク先・CSS対象(#～)・スクリプト参照) | |||||||||||||||||
| inert | 不活性 | |||||||||||||||||
| inputmode=【入力モード】 | 入力モード (参照：CSS ime-mode【IMEモード】) ※：<input>【汎用入力コントロール】・<textarea>【複数行入力コントロール】はW3C定義の同名個別属性も参照
| |||||||||||||||||
| is=【定義名】 | 定義名 | |||||||||||||||||
| itemid=【URL】 | アイテムのグローバル識別子 | |||||||||||||||||
| itemprop=【アイテムのプロパティ (複数：半角スペース区切り)】 | アイテムのプロパティ | |||||||||||||||||
| itemref=【要素IDのリスト】 | アイテムの参照リスト | |||||||||||||||||
| itemscope | アイテムのプロパティ宣言 | |||||||||||||||||
| itemtype=【アイテムの型 (複数：半角スペース区切り)】 | アイテムの型 | |||||||||||||||||
| lang=【言語コード】 | 言語コード (【主コード】-【副コード】 例："ja"：日本語 / "en"：英語 / "en-US"：アメリカ英語) | |||||||||||||||||
| nonce=【ワンタイム トークン (文字列)】 | CSP(コンテンツ セキュリティ ポリシー)のチェックで使用されるワンタイム トークン(nonce：number used once) ※：<link>【メタデータリンク】・<script>【スクリプト】・<style>【スタイル情報】はW3C定義の同名個別属性も参照 | |||||||||||||||||
| slot=【スロット名】 | スロット (<slot>【スロット】の name属性に対応) | |||||||||||||||||
| spellcheck=true | false | スペルチェック有無 | |||||||||||||||||
| style=【スタイルシート (複数：セミコロン区切り / 最後のセミコロンは省略可)】 | スタイル | |||||||||||||||||
| tabindex=【タブインデックス番号】 | タブインデックス | |||||||||||||||||
| title=【説明文】 | 説明 (多くはツールチップ表示) ※<link>【メタデータリンク】：メタデータリンクのタイトル ※<style>【スタイル情報】：スタイルシート名 | |||||||||||||||||
| translate="" (翻訳対象) | yes (翻訳対象) | no (翻訳対象外) | 翻訳可否 | |||||||||||||||||
| writingsuggestions [= true | ""(true) | false] | 書き込み提案有無 | |||||||||||||||||
| > | ||||||||||||||||||
<optgroup>【選択項目のグループ化】 | ||||||||||||||||||
| </select> | 必須 | 終了タグ | ||||||||||||||||
DOMインタフェース (HTMLSelectElement : HTMLElement)
interface HTMLSelectElement : HTMLElement | |||||||||||||||||||||||||||||||||||||||||||||||||||
interface HTMLElement : Element | |||||||||||||||||||||||||||||||||||||||||||||||||||
interface Element : Node | |||||||||||||||||||||||||||||||||||||||||||||||||||
HTMLSelectElement | |||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | autocomplete | 入力自動補完の有無 | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | autofocus | ページロード時、自動フォーカス (グローバル属性に移動 ) | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | disabled | 無効化 | |||||||||||||||||||||||||||||||||||||||||||||||||
| HTMLFormElement? | form | <form>【フォーム】 エレメント | |||||||||||||||||||||||||||||||||||||||||||||||||
| NodeList | labels | 関連付け<label>【ラベル】エレメント リスト (W3c：NodeList (英語)) | |||||||||||||||||||||||||||||||||||||||||||||||||
| unsigned long | length | <option>【選択リストの選択項目】エレメント数 | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | multiple | 複数選択可 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | name | コントロール名 | |||||||||||||||||||||||||||||||||||||||||||||||||
| HTMLOptionsCollection | options | <option>【選択リストの選択項目】エレメント コレクション | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | required | 入力必須 | |||||||||||||||||||||||||||||||||||||||||||||||||
| long | selectedIndex | 選択項目番号 | |||||||||||||||||||||||||||||||||||||||||||||||||
| HTMLCollection | selectedOptions | 選択された<option>【選択リストの選択項目】エレメント コレクション | |||||||||||||||||||||||||||||||||||||||||||||||||
| unsigned long | size | リスト内表示行数 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | type | タイプ (単一選択："select-one" / 複数選択可："select-multiple") | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | validationMessage | 妥当性チェックNG時メッセージ | |||||||||||||||||||||||||||||||||||||||||||||||||
| ValidityState | validity | 妥当性状態
| |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | value | 値 | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | willValidate | 妥当性チェック対象 | |||||||||||||||||||||||||||||||||||||||||||||||||
| undefined add((HTMLOptionElement or HTMLOptGroupElement) element, optional (HTMLElement or long)? before = null) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean checkValidity() | 妥当性チェック | ||||||||||||||||||||||||||||||||||||||||||||||||||
| getter Element? item(unsigned long index) | 項目エレメント 取得 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| HTMLOptionElement? namedItem(DOMString name) | 項目エレメント 取得 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined remove() | 項目削除 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined remove(long index) | 項目削除 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean reportValidity() | 妥当性レポート | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined setCustomValidity(DOMString error) | 妥当性エラーメッセージ設定 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| setter creator undefined (unsigned long index, HTMLOptionElement? option) | |||||||||||||||||||||||||||||||||||||||||||||||||||
HTMLElement | |||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | accessKey | アクセスキー | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | accessKeyLabel | アクセスキー表現文字列 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | autocapitalize | 自動大文字化 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | contentEditable | 編集可能状態 ("true"：編集可能 / "false"：編集不可 / "inherit"：親要素継承) ( ElementContentEditable に移動 ) | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMStringMap | dataset | カスタムデータ属性 (data-*) マップ ( HTMLOrSVGElement に移動 ) | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | dir | 文字表記方向 ("ltr"：左から右 / "rtl"：右から左) | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | draggable | ドラッグ可否 | |||||||||||||||||||||||||||||||||||||||||||||||||
| [PutForwards=value] | DOMTokenList | dropzone | ドロップデータの扱い | ||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | hidden | 非表示状態 | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | inert | ||||||||||||||||||||||||||||||||||||||||||||||||||
| [LegacyNullToEmptyString] | DOMString | innerText | 要素内容 (テキスト形式) | ||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | isContentEditable | 編集可否 ( ElementContentEditable に移動 ) | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | lang | 言語コード | |||||||||||||||||||||||||||||||||||||||||||||||||
| [LegacyNullToEmptyString] | DOMString | outerText | タグを含む要素内容 (テキスト形式) | ||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? | popover | ポップオーバー | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | spellcheck | スペルチェック有無 | |||||||||||||||||||||||||||||||||||||||||||||||||
| long | tabIndex | タブインデックス ( HTMLOrSVGElement に移動 ) | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | title | 説明 | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | translate | 翻訳可否 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | writingSuggestions | ||||||||||||||||||||||||||||||||||||||||||||||||||
| ElementInternals attachInternals() | |||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined blur() | フォーカス喪失 操作 ( HTMLOrSVGElement に移動 ) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined click() | クリック 操作 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| [HTMLConstructor] constructor() | コンストラクタ | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined focus() | フォーカス設定 操作 ( HTMLOrSVGElement に移動 ) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined forceSpellCheck() | スペルチェック | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined hidePopover() | ポップオーバー非表示 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined showPopover() | ポップオーバー表示 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean togglePopover(optional boolean force) | ポップオーバー切替 | ||||||||||||||||||||||||||||||||||||||||||||||||||
ElementContentEditable | |||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | contentEditable | 編集可能状態 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | enterKeyHint | [Enter]キーのアクション ヒント | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | inputMode | 入力モード | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | isContentEditable | 編集可否 | |||||||||||||||||||||||||||||||||||||||||||||||||
HTMLOrSVGElement | |||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | autofocus | ページロード時、自動フォーカス | |||||||||||||||||||||||||||||||||||||||||||||||||
| [SameObject] | DOMStringMap | dataset | カスタムデータ属性 (data-*) マップ | ||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | nonce | ワンタイム トークン | |||||||||||||||||||||||||||||||||||||||||||||||||
| long | tabIndex | タブインデックス | |||||||||||||||||||||||||||||||||||||||||||||||||
| undefined focus(optional FocusOptions options = {}) | フォーカス設定 操作 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined blur() | フォーカス喪失 操作 | ||||||||||||||||||||||||||||||||||||||||||||||||||
GlobalEventHandlers | |||||||||||||||||||||||||||||||||||||||||||||||||||
| EventHandler | on～ | 各種イベントハンドラ (onclick・onfocus 等) | |||||||||||||||||||||||||||||||||||||||||||||||||
ElementCSSInlineStyle【CSSOM定義】 | |||||||||||||||||||||||||||||||||||||||||||||||||||
| CSSStyleDeclaration | style | スタイル | |||||||||||||||||||||||||||||||||||||||||||||||||
CSSStyleDeclaration | |||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | style.～ | スタイル属性 (CSS2Properties) (例：style.color・style.backgroundColor) | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | style.cssText | スタイルテキスト | |||||||||||||||||||||||||||||||||||||||||||||||||
Element | |||||||||||||||||||||||||||||||||||||||||||||||||||
| [SameObject] | NamedNodeMap | attributes | 関連属性 マップ | ||||||||||||||||||||||||||||||||||||||||||||||||
| [SameObject, PutForwards=value] | DOMTokenList | classList | クラス名 リスト | ||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | className | クラス名 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | id | id (ページ内で一意：name【コントロール(送信)名】を含む) | |||||||||||||||||||||||||||||||||||||||||||||||||
| (DOMString | innerHTML) | 要素内容 (HTML形式)〔 DOM Parsing and Serialization 定義 〕 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | localName | ローカル名 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? | namespaceURI | ネームスペースURI | |||||||||||||||||||||||||||||||||||||||||||||||||
| (DOMString | outerHTML) | タグを含む要素内容 (HTML形式)〔 DOM Parsing and Serialization 定義 〕 | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? | prefix | プレフィックス | |||||||||||||||||||||||||||||||||||||||||||||||||
| ShadowRoot? | shadowRoot | ||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | slot | ||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | tagName | タグ名 | |||||||||||||||||||||||||||||||||||||||||||||||||
| ShadowRoot attachShadow(ShadowRootInit init) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Element? closest(DOMString selectors) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? getAttribute(DOMString qualifiedName) | 属性取得 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? getAttributeNS(DOMString? namespace, DOMString localName) | 属性取得 (ネームスペース指定) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| sequence<DOMString> getAttributeNames() | 全属性名取得 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Attr? getAttributeNode(DOMString qualifiedName) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Attr? getAttributeNodeNS(DOMString? namespace, DOMString localName) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| HTMLCollection getElementsByClassName(DOMString classNames) | エレメント コレクション取得 (クラス名指定) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| HTMLCollection getElementsByTagName(DOMString qualifiedName) | エレメント コレクション取得 (タグ名指定) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| HTMLCollection getElementsByTagNameNS(DOMString? namespace, DOMString localName) | エレメント コレクション取得 (ネームスペース・タグ名指定) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean hasAttribute(DOMString qualifiedName) | 属性チェック | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean hasAttributeNS(DOMString? namespace, DOMString localName) | 属性チェック (ネームスペース指定) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean hasAttributes() | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Element? insertAdjacentElement(DOMString where, Element element) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined insertAdjacentText(DOMString where, DOMString data) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean matches(DOMString selectors) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined removeAttribute(DOMString qualifiedName) | 属性削除 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined removeAttributeNS(DOMString? namespace, DOMString localName) | 属性削除 (ネームスペース指定) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Attr removeAttributeNode(Attr attr) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined setAttribute(DOMString qualifiedName, DOMString value) | 属性設定 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined setAttributeNS(DOMString? namespace, DOMString qualifiedName, DOMString value) | 属性設定 (ネームスペース指定) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Attr? setAttributeNode(Attr attr) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Attr? setAttributeNodeNS(Attr attr) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean toggleAttribute(DOMString qualifiedName, optional boolean force) | 属性切替 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean webkitMatchesSelector(DOMString selectors) | matches のエイリアス | ||||||||||||||||||||||||||||||||||||||||||||||||||
ParentNode | |||||||||||||||||||||||||||||||||||||||||||||||||||
| unsigned long | childElementCount | 子エレメントの数 | |||||||||||||||||||||||||||||||||||||||||||||||||
| [SameObject] | HTMLCollection | children | 子エレメント コレクション | ||||||||||||||||||||||||||||||||||||||||||||||||
| Element? | firstElementChild | 最初の子エレメント | |||||||||||||||||||||||||||||||||||||||||||||||||
| Element? | lastElementChild | 最後の子エレメント | |||||||||||||||||||||||||||||||||||||||||||||||||
| undefined append((Node or TrustedScript or DOMString)... nodes) | 追加 (後) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined prepend((Node or TrustedScript or DOMString)... nodes) | 追加 (前) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Element? querySelector(DOMString selectors) | 指定セレクタ先頭エレメント取得 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| [NewObject] NodeList querySelectorAll(DOMString selectors) | 指定セレクタ ノードリスト取得 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined replaceChildren((Node or TrustedScript or DOMString)... nodes) | 子置換 | ||||||||||||||||||||||||||||||||||||||||||||||||||
ChildNode | |||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined after((Node or TrustedScript or DOMString)... nodes) | 挿入 (後) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined before((Node or TrustedScript or DOMString)... nodes) | 挿入 (前) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined remove() | 削除 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined replaceWith((Node or TrustedScript or DOMString)... nodes) | 置換 | ||||||||||||||||||||||||||||||||||||||||||||||||||
NonDocumentTypeChildNode | |||||||||||||||||||||||||||||||||||||||||||||||||||
| Element? | previousElementSibling | 前の兄弟エレメント | |||||||||||||||||||||||||||||||||||||||||||||||||
| Element? | nextElementSibling | 次の兄弟エレメント | |||||||||||||||||||||||||||||||||||||||||||||||||
Slottable | |||||||||||||||||||||||||||||||||||||||||||||||||||
| HTMLSlotElement? | assignedSlot | 割り当てスロット | |||||||||||||||||||||||||||||||||||||||||||||||||
Node | |||||||||||||||||||||||||||||||||||||||||||||||||||
| USVString | baseURI | ベースURI | |||||||||||||||||||||||||||||||||||||||||||||||||
| [SameObject] | NodeList | childNodes | 子ノード リスト | ||||||||||||||||||||||||||||||||||||||||||||||||
| Node? | firstChild | 先頭子ノード | |||||||||||||||||||||||||||||||||||||||||||||||||
| boolean | isConnected | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Node? | lastChild | 最終子ノード | |||||||||||||||||||||||||||||||||||||||||||||||||
| Node? | nextSibling | 次の兄弟ノード | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString | nodeName | ノード名 | |||||||||||||||||||||||||||||||||||||||||||||||||
| unsigned short | nodeType | ノードタイプ (ELEMENT_NODE / ATTRIBUTE_NODE / TEXT_NODE / CDATA_SECTION_NODE / ENTITY_REFERENCE_NODE / ENTITY_NODE / PROCESSING_INSTRUCTION_NODE / COMMENT_NODE / DOCUMENT_NODE / DOCUMENT_TYPE_NODE / DOCUMENT_FRAGMENT_NODE / NOTATION_NODE) | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? | nodeValue | ノード値 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Document? | ownerDocument | オーナードキュメント | |||||||||||||||||||||||||||||||||||||||||||||||||
| Element? | parentElement | 親エレメント | |||||||||||||||||||||||||||||||||||||||||||||||||
| Node? | parentNode | 親ノード | |||||||||||||||||||||||||||||||||||||||||||||||||
| Node? | previousSibling | 前の兄弟ノード | |||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? | textContent (IE：innerText) | 内容 (Text形式) (参照：Element.innerHTML・Element.outerHTML) 取得：要素内のHTMLタグを除外しテキストのみ 設定：HTMLタグはテキスト変換 | |||||||||||||||||||||||||||||||||||||||||||||||||
| Node appendChild(Node node) | 子ノード追加 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| [NewObject] Node cloneNode(optional boolean deep = false) | クローンノード作成 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| unsigned short compareDocumentPosition(Node other) | 他ノードとの位置比較 (DOCUMENT_POSITION_DISCONNECTED / DOCUMENT_POSITION_PRECEDING / DOCUMENT_POSITION_FOLLOWING / DOCUMENT_POSITION_CONTAINS / DOCUMENT_POSITION_CONTAINED_BY / DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC) | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean contains(Node? other) | 指定子孫ノードの存在有無 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Node getRootNode(optional GetRootNodeOptions options = {}) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean hasChildNodes() | 子ノードの存在有無 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Node insertBefore(Node node, Node? child) | 指定ノード前挿入 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean isDefaultNamespace(DOMString? namespace) | デフォルトネームスペース チェック | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean isEqualNode(Node? node) | 同一ノードチェック | ||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean isSameNode(Node? otherNode) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? lookupNamespaceURI(DOMString? prefix) | ネームスペースURI調査 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| DOMString? lookupPrefix(DOMString? namespace) | ネームスペース プレフィックス調査 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined normalize() | 標準化 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Node removeChild(Node child) | 子ノード削除 | ||||||||||||||||||||||||||||||||||||||||||||||||||
| Node replaceChild(Node node, Node child) | 子ノード置換 | ||||||||||||||||||||||||||||||||||||||||||||||||||
EventTarget | |||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined addEventListener(DOMString type, EventListener? callback, optional (AddEventListenerOptions or boolean) options = {}) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| constructor() | |||||||||||||||||||||||||||||||||||||||||||||||||||
| boolean dispatchEvent(Event event) | |||||||||||||||||||||||||||||||||||||||||||||||||||
| undefined removeEventListener(DOMString type, EventListener? callback, optional (EventListenerOptions or boolean) options = {}) | |||||||||||||||||||||||||||||||||||||||||||||||||||