堀北真希うさぎ
主な作品
オリジナルキャラクタを用いた作品の一例

ページ案内▼

getAttribute()メソッド。

要素ノードの指定された属性名の属性値を与えるgetAttribute()メソッドの解説です。

getAttribute()メソッド・目次。

getAttribute()メソッドとは。

getAttribute()メソッドとは、指定された属性の属性値を与えるメソッドです。

getAttribute()メソッドを実装するインタフェイス。

getAttribute()メソッドはElementインタフェイスに依って実装されます。

従って、要素ノードでのみgetAttribute()メソッドを得る事が出来ます。

getAttribute()メソッドの引数と返し値。

getAttribute()メソッドは以下の一つの引数を取ります。

  1. 属性名

尚、多くのウェブブラウザ上で動作するJAVAスクリプトでは、第二引数として大文字小文字の区別をするか否かを指定しますが、在来のHTMLでは大文字小文字を区別しないため、特に問題はありません。

getAttribute()メソッドの返し値は、該当する属性名の属性値です。

但し、属性が未定義の場合には、空文字列になります。

getAttribute()メソッドのJAVAスクリプトでの使用例。

ある要素のオブジェクト e と兄弟関係になっている(同じ階層になっている)、href属性を持つ要素を探して処理する例です。

var e1=e.parentNode;
e1=e1.childNodes;
var i=-1;
while (++i<e1.length) {
    //  要素ノードでなければ弾く。
    if (e1[i].nodeType!=1) continue;
    //  href属性を持っていないなら弾く。
    if (e1[i].getAttribute('href')=='')  contiune;

    (必要な処理)

    }

getAttribute()メソッドを使う上での注意事項。

インターネットエクスプローラでのclass属性の実装について。

インターネットエクスプローラでは、HTMLでのclass属性は className属性としております。

従って、

○○.getAttribute('class')

とした場合、インターネットエクスプローラでは正常にclass属性値を得る事が出来ません。

このため、以下のようにする事でインターネットエクスプローラでも正常にclass属性を得る事が出来るようになります。

○○.getAttribute('class') || ○○.getAttribute('className')

関連事項

要素ノードとElementインタフェイス
要素ノードと要素ノードに実装されているElementインタフェイスについて
attributesプロパティ
当該要素ノードに与えられた属性の集まりのオブジェクト
setAttribute()メソッド
指定された属性の設定
removeAttribute()メソッド
指定された属性の除去
getAttributeNode()メソッド
指定された属性名の属性ノードの取得
setAttributeNode()メソッド
指定された属性名に対しての属性ノードの設定
removeAttributeNode()メソッド
指定された属性ノードの除去

しらぎくのウェブサイト作成入門サイトマップ

marguerite.site@gmail.com