DOM メモ (3): 要素インターフェースと HTMLElementinterface_html/css_WEB-ITnose

1. Element インターフェイス

このインターフェイスは、Node インターフェイスから拡張され、Node インターフェイスのプロパティとメソッドを継承し、要素のプロパティとメソッドのセットも持ちます。

Element インターフェイスには共通の属性が比較的少数あります。一般的に使用される属性は、要素名を返す読み取り専用の tagName 属性で、データ型は DOMString です。

Element インターフェースで定義されているメソッドは主に属性操作のためのもので、共通メソッドは以下の通りです。

J属性が存在するかどうかを判断します hasAttributeNSBoolean属性が存在するかどうかを判断するremoveAttributevoid属性を削除removeAttributeNodeAttr 属性の削除removeAttributeNSvoid属性の削除setAttributevoid属性を追加setAttributeNodeAttr属性ノードを追加setAttributeNodeNSAttr属性ノードを追加setAttributeNSvoid属性を追加

2. HTMLElement インターフェイス

このインターフェイスは Element インターフェイスから継承され、カスタム プロパティとメソッドで HTML 要素を表すためにも使用されます。

1. 属性リスト

メソッド名	データ型	Description
getAttribute	DOMString	対応するものを返す。属性
getAttributeNode	Attr	対応する属性ノードを返す
getAttributeNodeNS	Attr	属性の名前空間を返す
getAttributeNS	DOMString	対応する属性ノードを返す
getElementsByTagName	NodeList	ノード名Listで要素を取得します
getElementsByTagNameNS	NodeList	指定されたスペース内のタグ名に基づいてすべての要素を検索します
hasAttribute	Boolean

HTML コンテンツを取得または設定しますouterHTMLDOMStringオブジェクトのプレーンテキスト形式を設定または取得しますidDOMString対応する要素の id 属性titleDOMString対応するタイトル属性elementlangDOMString対応する要素の lang 属性dirDOMString 対応する要素の dir 属性クラス名D OMString対応する要素の class 属性classList + iconDOMStringY対応する要素のicon属性無効ですブール値Y対応する要素の無効な属性checkedBooleanY対応する要素のchecked属性styleCSSStyleDeclarationY対応する要素の style 属性 .. clickvoid

属性名	データ型	読み取り専用	説明
innerHTML	DOMString
hidden	Boolean		対応する要素のhidden属性
tabIndex	long		対応する要素の tabIndex 属性
accessKey	DOMString		accessKey 属性
accessKeyLabel	DOMString	Y	ホットキーの組み合わせを返す
draggable	Boolean		対応する要素のドラッグ可能属性
contentEditable	DOMString		対応する要素の contentEditable 属性
isContentEditable	Boolean	Y	要素が編集可能です
contextMenu	HTMLMenuElement		対応する要素の contextMenu 属性
spellcheck	DOMString		対応する要素のスペルチェック属性
commandType	DOMString	Y	対応する要素のcommandType属性
label	DOMString	Y	対応する要素のlabel属性
			クラス属性に基づいてすべての要素を取得します
insertAdjacentHTML	void	指定された位置にHTMLまたはXMLを挿入します
void	要素をクリックしてクリックイベントをトリガーします		scrollIntoView

要素のコンテンツをビューポイントにスクロールします

focusblur 最初に公開された元の記事:

void	要素がフォーカスを取得します
void	要素がフォーカスを失います
次の記事: DOM ノート (4): HTML 5 DOM の複雑なデータ型