logo

JavaScript getAttribute() メソッド

get属性() メソッドは、特定の要素の属性の値を取得するために使用されます。属性が存在する場合は、対応する属性の値を表す文字列を返します。対応する属性が存在しない場合は、空の文字列または null が返されます。

とは異なります。 getAttributeNode() 方法。の getAttributeNode() メソッドは属性を Attr オブジェクトとして返します。

構文

 element.getAttribute(attributename) 

パラメータ値

属性名: これは必須のパラメータです。これは、値を取得する属性の名前です。

いくつかの例を使ってそれを理解しましょう。

c

例1

この例では 2 つあります ディビジョン ID を持つ要素 ワイルド1 そして ディビジョン2 、それぞれが持つ スタイル 属性。の値を取得しています スタイル 属性を使用して get属性() 方法。

Java演算子の優先順位

の値を取得するには、指定されたボタンをクリックする必要があります。 スタイル 指定された div 要素の属性。

 The getAttribute Method <h2> Example of the getAttribute() Method </h2> This is the div element. <br> <a href="http://www.javatpoint.com/" id="link"> javaTpoint.com </a> <br> <br> Click me! function fun() { var val = document.getElementById(&apos;btn&apos;).getAttribute(&apos;onclick&apos;); document.getElementById(&apos;p&apos;).innerHTML = val; var val1 = document.getElementById(&apos;link&apos;).getAttribute(&apos;href&apos;); document.getElementById(&apos;p1&apos;).innerHTML = val1; } 
今すぐテストしてください

出力

実行後の出力は次のようになります -

JavaScript getAttribute() メソッド

ボタンをクリックすると、出力は次のようになります -

JavaScript getAttribute() メソッド