JavaScript 基礎トレーニング

JavaScript オブジェクト

HTML DOMは、JavaScriptがHTML要素の属性を取得および変更するのを許可しています。

getAttribute()メソッドは、要素上の指定された属性の現在の値を取得するために使用されます。

以下の例では、アンカー要素のhrefおよびtitle属性の値：

例

var link = document.getElementById("demo");
var href = link.getAttribute("href");
var title = link.getAttribute("title");

setAttribute()指定された要素上の属性の値を設定するためのメソッドです。

属性が既存であれば値を更新し、そうでなければ指定された名前と値を持つ新しい属性を追加します。

このサンプルでは、href属性の値を設定するアンカーエレメント：

例

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https:");//ja.oldtoolbag.com/css3/）；

同様に、以下を使用してsetAttribute()HTML要素上の既存属性の値を更新または変更するためのメソッドです。

例

document.getElementsByTagName("input")[0].setAttribute("type", "text");

removeAttribute()指定された要素から属性を削除するために使用されるメソッドです。

このサンプルでは、アンカーエレメントからhref属性：

例

document.getElementsByTagName("a")[0].removeAttribute("href");