<input>【汎用入力コントロール (Form control)】

※パスワードコントロールを実装している為、ブラウザの機能によりこのページを離れる時にパスワード保存を確認される事があります。

概要 ( 初期値 入力制御 各種コントロールの特記事項 JavaScript 参照 )
構文 コントロールの種類 type毎の属性 DOMインタフェース (HTMLInputElement)

概要

メモ

各種外観は、コントロールの種類 参照
<script>
function funcCopy() {
  // 通常入力
  var text = document.getElementById("input-1").value;
  document.getElementById("input-2").value = text;
  // チェックボックス
  var check = document.getElementById("checkbox-1").checked;
  document.getElementById("checkbox-2").checked = check;
  // ラジオボタン
  var value = "";
  var listA = document.getElementsByName("radio_1");
  for (var i = 0; i < listA.length; i++) {
    if (listA[i].checked) {
      value = listA[i].value;
      break;
    }
  }
  var listB = document.getElementsByName("radio_2");
  for (var i = 0; i < listB.length; i++) {
    if (listB[i].value == value) {
      listB[i].checked = true;
      break;
    }
  }
  // カラー選択
  var color = document.getElementById("color-1").value;
  document.getElementById("color-2").value = color;
  // 日付
  var date = document.getElementById("date-1").valueAsDate;
  document.getElementById("date-2").valueAsDate = date;
  // 数値
  var num = document.getElementById("number-1").valueAsNumber;
  if (0 < num) { // 未サポート対応
    document.getElementById("number-2").valueAsNumber = num;
  }
  // スライダー
  var range = document.getElementById("range-1").valueAsNumber;
  document.getElementById("range-2").valueAsNumber = range;
}

function funcDisable() {
  var disabled = (document.getElementById("input-2").disabled) ? false : true;
  document.getElementById("input-2").disabled = disabled;
  document.getElementById("checkbox-2").disabled = disabled;
  document.getElementById("fieldset-2").disabled = disabled;
  document.getElementById("color-2").disabled = disabled;
  document.getElementById("date-2").disabled = disabled;
  document.getElementById("number-2").disabled = disabled;
  document.getElementById("range-2").disabled = disabled;
}
</script>

<p>
<input id="input-1" value="入力データ">
<label><input id="checkbox-1" type="checkbox" checked>チェックボックス1</label>
</p>
<fieldset style="width:150px;">
  <legend>ラジオボタン</legend>
  <label><input name="radio_1" type="radio" value="A" checked>A</label>
  <label><input name="radio_1" type="radio" value="B">B</label>
  <label><input name="radio_1" type="radio" value="C">C</label>
</fieldset>
<input id="color-1" type="color" value="#FF0000">
<input id="date-1" type="date" value="2001-02-03">
<input id="number-1" type="number" value="123456">
<input id="range-1" type="range" value="50">

<p><input type="button" onclick="funcCopy();" value="入力値を下にコピー (取得&設定)">
<input type="button" onclick="funcDisable();" value="無効 / 有効 切替"></p>

<p>
<input id="input-2" placeholder="ここにコピー">
<label><input id="checkbox-2" type="checkbox">チェックボックス2</label>
</p>
<fieldset id="fieldset-2" style="width:150px;">
  <legend>ラジオボタン</legend>
  <label><input name="radio_2" type="radio" value="A">A</label>
  <label><input name="radio_2" type="radio" value="B">B</label>
  <label><input name="radio_2" type="radio" value="C" checked>C</label>
</fieldset>
<input id="color-2" type="color" value="#00FF00">
<input id="date-2" type="date">
<input id="number-2" type="number" value="0">
<input id="range-2" type="range" value="0">

ラジオボタン

ラジオボタン

関連CSS

スタイルスタイル定義備考
マウスカーソル変更cursor【マウスカーソル】
コントロール幅・高さ width【要素の幅】height【要素の高さ】
ホバー時のスタイル変更:hover【ホバー要素】
アクティブ時のスタイル変更:active【アクティブ要素】
フォーカス時のスタイル変更:focus【フォーカス要素】
使用可能時のスタイル変更:enabled【使用可能要素】
使用不可時のスタイル変更:disabled【使用不可要素】
チェック状態時のスタイル変更 :checked【チェック状態要素】
不確定状態時のスタイル変更 :indeterminate【不確定状態要素】
IMEモード ime-mode【IMEモード】
説明
auto自動 (変更なし)
activeON状態 (手動切替可)
inactiveOFF状態 (手動切替可)
disabled無効化
MS独自仕様:一部ブラウザサポート
参照:
inputmode【入力モード】属性
入力制御

関連DOM・Web API

処理プロパティ / メソッド備考
フォーカス取得イベントonfocus
フォーカス喪失イベントonblur
変更イベントonchange即時 あるいは フォーカス喪失時
入力不正イベントoninvalid required【入力必須】pattern【入力パターン】 チェック
クリックイベントonclickボタン・イメージボタン
送信イベントformのonsubmit送信ボタン
リセットイベントformのonresetリセットボタン
要素取得document.getElementById(【id】)HTMLInputElement
テキスト・キャプション・値等 取得・設定value
チェック状態 取得・設定checkedチェックボックス・ラジオボタン
無効化 取得・設定disabled (true / false) 複数のコントロールを操作する場合は、 <fieldset>【コントロールのグループ化】利用
スタイル 取得・設定style.~color・backgroundColor 等
数値(double) 取得・設定valueAsNumber
日時(Date?) 取得・設定valueAsDate

構文

<input必須開始タグ
accept=【MIMEタイプ (複数:カンマ区切り)】アップロードファイルのMIMEタイプ
(例:application/pdf・text/html・audio/*・video/*・image/*・拡張子指定 .txt・.doc・.xls)
align=top | middle | bottom | left | rightimage配置 代替:スタイルシート(vertical-align・float)
alt=【代替テキスト】代替テキスト
autocomplete=off | on入力自動補完の有無
autofocus
ページロード時、自動フォーカス
※:グローバル属性の autofocus 参照
checkedチェック状態
dirname=【フィールド名】要素方向(ltr・rtl)のフィールド名 (このフィールド名で要素方向を送信)
disabledコントロール無効化
form=【form要素id】関連付けform要素id属性 (コントロールをform要素外に定義可能)
formaction=【URL】フォーム送信時のURL
formenctype=【エンコードタイプ】フォーム送信時のエンコードタイプ  ("application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain")
formmethod=get | postフォーム送信時のHTTPメソッド
formnovalidateフォーム送信時の検証無効
formtarget=【ターゲット】フォーム送信時のターゲット
height=【高さ】画像の高さ
inputmode=【入力モード】
入力モード (実装依存)
※:グローバル属性の inputmode【入力モード】 参照
list=【datalist要素のid】<datalist>【コンボボックス用リスト】のid
max=【最大値】最大値
maxlength=【最大入力文字数】最大入力文字数
min=【最小値】最小値
minlength=【最小入力文字数】最小入力文字数
multiple複数値可否
name=【コントロール名】コントロール名 (送信データ名) id との重複は不可
pattern=【正規表現】入力パターンのJavaScript正規表現 (エラーメッセージにtitle属性を使用)
placeholder=【表示文字列】ウォーターマーク (未入力時の表示文字列)
readonly読み取り専用
required入力必須
size=【横幅】コントロールの横幅 (ブラウザ 及び type属性によっては無視)
src=【URL】画像リソースのURL
step=【増減ステップ値】増減ステップ値
type=【コントロールの種類 (省略:text)】 コントロールの種類 (関連属性:type毎の属性 参照)
value=【初期値】初期値 (キャプション)
width=【幅】画像の幅

【グローバル属性】

accesskey=【アクセスキー (複数:半角スペース区切り )】アクセスキー
autocapitalize=【変換方法】自動大文字化
"characters"全て大文字
"on"
"sentences"
各文の最初を大文字
"off"
"none"
変換なし
"words"各単語の最初を大文字
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]キーのアクション ヒント (対応するラベル・アイコン等を表示)
"done"入力完了
"enter"改行挿入
"go"ターゲット移動
"next"次フィールド移動
"previous"前フィールド移動
"search"検索結果移動
"send"送信
hidden非表示
id=【id】id (ドキュメント中で一意 name【コントロール名 (送信データ名)】を含む)
スペース文字 (SP:U+0020・tab:U+0009・LF:U+000A・FF:U+000C・CR:U+000D) 以外の全ての文字が使用可能 (大文字小文字の区別あり)
(<a>【ハイパーリンク】のリンク先・CSS対象(#~)・スクリプト参照)
inputmode=【入力モード】入力モード (参照:CSS ime-mode【IMEモード】)
※:<input>【汎用入力コントロール】<textarea>【複数行入力コントロール】はW3C定義の同名個別属性も参照
"decimal"小数数値入力 (フォーマット区切り文字表示)
"email"Eメールアドレス入力 (補助入力:'@'・'.' 等)
"none"未指定
"numeric"数値入力
"search"検索入力
"tel"電話番号入力 ('0'〜'9'・'#'・'*'・ロケールにより対応アルファベット)
"text"テキスト入力
"url"URL入力 (補助入力:'/'・'.'・'www.'・'.com' 等)
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 (翻訳対象外)翻訳可否
>

コントロールの種類

右記の記述全て有効:type="button" ・ type='button' ・ type=button

type属性コントロール備考実装
buttonボタンキャプション:value属性
checkboxチェックボックスキャプション:<label【ラベル】>と組み合わせ
color色選択 一部はコード入力
date日付
datetime-local日時 ローカルの日時 (一時定義されていた datetime は廃止)
emailEメール 複数選択可能
fileアップロードファイル選択複数選択可能
hidden隠しフィールド(非表示)
imageイメージボタン
month年月
number数値
passwordパスワード
radioラジオボタンキャプション:<label【ラベル】>と組み合わせ
rangeスライダー デフォルト:0 ~ 100
resetリセットボタン
search検索 textとの違いは外観 (クリアボタン等)
submit送信ボタン
tel電話番号
text
(省略時)
1行テキスト 複数行は<textarea>【複数行入力コントロール】
コンボボックス list属性に<datalist>【コンボボックス用リスト】指定
他のtype属性でも使用可
time時刻
urlURL
week週番号

type毎の属性

(1/2) accept alt autocomplete checked dirname formaction formenctype formmethod formnovalidate formtarget height inputmode (W3C) list
button
checkbox
color
date
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week

(2/2) max maxlength min minlength multiple pattern placeholder readonly required size src step value width
buttonキャプション
checkbox判別値
color初期値
#rrggbb形式
(小文字)
dateyyyy-MM-dd
形式
yyyy-MM-dd
形式
初期値
yyyy-MM-dd
形式
datetime-local
※datetime※datetime初期値
※datetime
emailvalue値
カンマ
区切り
初期値
filevalue値
カンマ
区切り
hidden初期値
image初期値
month
※month※month初期値
※month
number初期値
password初期値
radio判別値
range初期値
resetキャプション
search初期値
submitキャプション
tel初期値
text初期値
time※time※time秒単位初期値
※time
url初期値
week
※week※week初期値
※week

○:有効
※datetime:yyyy-MM-ddThh:mm 形式
※month:
※week:
※time:hh:mm[:ss[.nnn]] 形式 (nnn:1~3桁)


DOMインタフェース (HTMLInputElement : HTMLElement)

interface HTMLInputElement : HTMLElement

interface HTMLElement : Element
HTMLElement includes GlobalEventHandlers
HTMLElement includes DocumentAndElementEventHandlers
HTMLElement includes ElementContentEditable
HTMLElement includes HTMLOrSVGElement

interface Element : Node
Element includes ParentNode
Element includes NonDocumentTypeChildNode
Element includes ChildNode
Element includes Slottable

HTMLInputElement
interface HTMLInputElement : HTMLElement

DOMStringacceptアップロードファイルのMIMEタイプ
DOMStringalt代替テキスト
DOMStringautocompleteオートコンプリート機能の有効・無効
booleanautofocusページロード時、自動フォーカス
booleancheckedチェック状態
booleandefaultChecked初期チェック状態
DOMStringdefaultValue初期値
DOMStringdirName要素方向
booleandisabledコントロール無効化
FileList?files選択ファイル リスト
HTMLFormElement?form <form>【フォーム】 エレメント
USVStringformActionフォーム送信時のURL
DOMStringformEnctypeフォーム送信時のエンコードタイプ
DOMStringformMethodフォーム送信時のHTTPメソッド
booleanformNoValidateフォーム送信時の検証無効
DOMStringformTargetフォーム送信時のターゲット
unsigned longheight画像の高さ
booleanindeterminate不定状態 (チェックボックス)
NodeList?labels 関連付け<label>【ラベル】エレメント リスト  (NodeList (英語))
HTMLElement?list <datalist>【コンボボックス用リスト】のエレメント
DOMStringmax最大値
longmaxLength最大入力文字数
DOMStringmin最小値
longminLength最小入力文字数
booleanmultiple複数値可否
DOMStringnameコントロール(送信)名 (重複:グループ化 / idとの重複不可)
DOMStringpattern入力パターンのJavaScript正規表現
DOMStringplaceholderウォーターマーク (未入力時の表示文字列)
booleanreadonly読み取り専用
booleanrequired入力必須
DOMString?selectionDirection選択方向 ("forward" / "backward" / "none")
unsigned long?selectionEnd選択終了位置
unsigned long?selectionStart選択開始位置
unsigned longsizeコントロールの横幅
USVStringsrc画像リソースのURL
DOMStringstep増減ステップ値
DOMStringtypeコントロールの種類
DOMStringvalidationMessage妥当性チェックNG時メッセージ
ValidityStatevalidity 妥当性状態

interface ValidityState

booleanvalueMissing未入力
booleantypeMismatchタイプ不正
booleanpatternMismatchパターン不正
booleantooLongデータ長超過
booleantooShortデータ長不足
booleanrangeUnderflowアンダーフロー
booleanrangeOverflowオーバーフロー
booleanstepMismatchステップ不正
booleanbadInput不正入力
booleancustomErrorカスタムエラー
booleanvalid有効
DOMStringvalue値 (キャプション)
Date?valueAsDate値 (日時)
unrestricted doublevalueAsNumber値 (数値)
unsigned longwidth画像の幅
booleanwillValidate妥当性チェック対象
boolean checkValidity()妥当性チェック
boolean reportValidity()妥当性レポート
undefined select()全選択
undefined setCustomValidity(DOMString error)妥当性エラーメッセージ設定
undefined setRangeText(DOMString replacement)
undefined setRangeText (DOMString replacement, unsigned long start, unsigned long end, optional SelectionMode selectionMode = "preserve")
undefined setSelectionRange(unsigned long start, unsigned long end, optional DOMString direction) 選択
undefined stepDown(optional long n = 1)値増加
undefined stepUp(optional long n = 1)値削減

HTMLElement
interface HTMLElement : Element
HTMLElement includes ElementContentEditable
HTMLElement includes HTMLOrSVGElement
HTMLElement includes GlobalEventHandlers
HTMLElement includes DocumentAndElementEventHandlers
HTMLElement includes ElementCSSInlineStyleCSSOM

DOMStringaccessKeyアクセスキー
DOMStringautocapitalize自動大文字化
DOMStringaccessKeyLabelアクセスキー表現文字列
DOMStringcontentEditable編集可能状態 ("true":編集可能 / "false":編集不可 / "inherit":親要素継承) ( ElementContentEditable に移動 )
DOMStringMapdatasetカスタムデータ属性 (data-*) マップ ( HTMLOrSVGElement に移動 )
DOMStringdir文字表記方向 ("ltr":左から右 / "rtl":右から左)
booleandraggableドラッグ可否
[PutForwards=value] DOMTokenListdropzoneドロップデータの扱い
booleanhidden非表示状態
[LegacyNullToEmptyString]DOMStringinnerText要素内容 (テキスト形式)
booleanisContentEditable編集可否 ( ElementContentEditable に移動 )
DOMStringlang言語コード
[LegacyNullToEmptyString]DOMStringouterTextタグを含む要素内容 (テキスト形式)
booleanspellcheckスペルチェック有無
longtabIndexタブインデックス ( HTMLOrSVGElement に移動 )
DOMStringtitle説明
booleantranslate翻訳可否
ElementInternals attachInternals()
undefined blur()フォーカス喪失 操作 ( HTMLOrSVGElement に移動 )
undefined click()クリック 操作
undefined focus()フォーカス設定 操作 ( HTMLOrSVGElement に移動 )
undefined forceSpellCheck()スペルチェック

ElementContentEditable
interface mixin ElementContentEditable

DOMStringcontentEditable編集可能状態
DOMStringenterKeyHint[Enter]キーのアクション ヒント
DOMStringinputMode入力モード
booleanisContentEditable編集可否

HTMLOrSVGElement
interface mixin HTMLOrSVGElement

booleanautofocusページロード時、自動フォーカス
DOMStringMapdatasetカスタムデータ属性 (data-*) マップ
DOMStringnonceワンタイム トークン
longtabIndexタブインデックス
undefined focus(optional FocusOptions options = {})フォーカス設定 操作
undefined blur()フォーカス喪失 操作

GlobalEventHandlers
interface mixin GlobalEventHandlers

EventHandleron~各種イベントハンドラ (onclick・onfocus 等)

DocumentAndElementEventHandlers
interface mixin DocumentAndElementEventHandlers

EventHandleroncopyコピー イベントハンドラ
EventHandleroncutカット イベントハンドラ
EventHandleronpasteペースト イベントハンドラ

ElementCSSInlineStyle【CSSOM定義】
interface mixin ElementCSSInlineStyle

CSSStyleDeclarationstyleスタイル

CSSStyleDeclaration
interface CSSStyleDeclaration

DOMStringstyle.~スタイル属性 (CSS2Properties)
(例:style.color・style.backgroundColor)

Element
interface Element : Node
Element includes ParentNode
Element includes NonDocumentTypeChildNode
Element includes ChildNode
Element includes Slottable

[SameObject] NamedNodeMapattributes関連属性 マップ
[SameObject] DOMTokenListclassListクラス名 リスト
DOMStringclassNameクラス名
DOMStringidid (ページ内で一意:name【コントロール(送信)名】を含む)
(DOMStringinnerHTML)要素内容 (HTML形式)〔 DOM Parsing and Serialization 定義 〕
DOMStringlocalNameローカル名
DOMString?namespaceURIネームスペースURI
(DOMStringouterHTML)タグを含む要素内容 (HTML形式)〔 DOM Parsing and Serialization 定義 〕
DOMString?prefixプレフィックス
DOMStringtagNameタグ名
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
interface mixin ParentNode

unsigned longchildElementCount子エレメントの数
[SameObject] HTMLCollectionchildren子エレメント コレクション
Element?firstElementChild最初の子エレメント
Element?lastElementChild最後の子エレメント
undefined append((Node or DOMString)... nodes)
undefined prepend((Node or DOMString)... nodes)
Element? querySelector(DOMString selectors)指定セレクタ先頭エレメント取得
[NewObject] NodeList querySelectorAll(DOMString selectors)指定セレクタ ノードリスト取得

ChildNode
interface mixin ChildNode

undefined after((Node or DOMString)... nodes)
undefined before((Node or DOMString)... nodes)
undefined remove()削除
undefined replaceWith((Node or DOMString)... nodes)

NonDocumentTypeChildNode
interface mixin NonDocumentTypeChildNode

Element?previousElementSibling前の兄弟エレメント
Element?nextElementSibling次の兄弟エレメント

Slottable
interface mixin Slottable

HTMLSlotElement?assignedSlot

Node
interface Node : EventTarget

USVStringbaseURIベースURI
[SameObject] NodeListchildNodes子ノード リスト
Node?firstChild先頭子ノード
booleanisConnected
Node?lastChild最終子ノード
Node?nextSibling次の兄弟ノード
DOMStringnodeNameノード名
unsigned shortnodeTypeノードタイプ
(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.innerHTMLElement.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
interface EventTarget

undefined addEventListener(DOMString type, EventListener? callback, optional (AddEventListenerOptions or boolean) options = {})
boolean dispatchEvent(Event event)
undefined removeEventListener(DOMString type, EventListener? callback, optional (EventListenerOptions or boolean) options = {})