Attr インターフェイス

　Attr インターフェイスとはエレメントの属性をオブジェクト化するためのインターフェイスです。
　以下のような <p> といった HTML タグエレメントの class=、onclick=、style= などがエレメント属性といいます。
　Attr インターフェイスは主に onclick=、style= 以外の属性をオブジェクト化します。ここでは、class 属性です。onclick はイベント、style はスタイルシート、CSS です。

<p(Element) class="example_p"(Attr) onclick="func_Example()"(Event) style="border:1px solid silver;"(CSS,Style)>

　Attr インターフェイスは Node インターフェイスを継承しています。

Attr 継承図

EventTarget
- └─ Node
  - ├─ Document
  - └─ Element
  - └─ Attr

　Attr オブジェクトの取得、値の設定、削除といった操作についてはタグエレメントの属性の操作を参照してください。

　Attr オブジェクトの集合体は NamedNodeMap です。ただし、いつまで利用できるかは不明です。

- ad -

プロパティ(Properties)

　以下は Attr インターフェイスのプロパティです。

　エレメントの属性は任意の名称と値が定義できますので Attr インターフェイスのプロパティもそのようになっています。

プロパティ名	概要
name	属性の名称
namespaceURI
localname	属性名。通常は name と同じ
prefix
ownerElement	この属性を持つエレメント
specified	常にtrueを返す
value	属性の値

　以下は、Attr インターフェイスが継承している Node インターフェイスのプロパティです。参考にしてください。

Nodeのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

メソッド(Methods)

　Attr インターフェイスは独自のメソッドがありません。

　以下は Attr インターフェイスが継承している Node インターフェイスのメソッドです。使えないものもありますが参考にしてください。

Nodeのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

イベント(Event)

　Attr インターフェイスは Node インターフェイスを通して EventTarget インターフェイスも継承しています。

　Attr オブジェクトでどのようにイベントを使用するのかは当方では不明です。

Example

　以下は Attr オブジェクト、ここでは id 属性についての確認をするための例です。
　以下の段落をクリックしてみてください。開発コンソールに　id 属性についてが表示されます。

この段落をクリックしてみてください。