JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

JavaScript Console オブジェクト JavaScript 文と宣言

HTML DOM Attribute オブジェクト

Attr オブジェクト

AttrオブジェクトはElementオブジェクト内の属性を表します

HTML属性は常にHTML要素に属します

多くのDOMメソッドでは、文字列として直接属性を検索することができます（例えばElement .getAttribute()を使用しますが、一部の関数（例えばElement.getAttributeNode()）やAttrタイプのメソッドを迭代することもあります

NamedNodeMapオブジェクト

NamedNodeMapオブジェクトはAttrオブジェクトの無序列表を表します

NamedNodeMap内のノードは名前またはインデックス番号でアクセスできます

属性とメソッド

属性/メソッド	説明
attr.isId	属性のタイプがIdの場合trueを、それ以外の場合falseを返します
attr.name	属性名を返します
attr.value	属性の値を設定または返します
attr.specified	属性が指定されている場合trueを、指定されていない場合falseを返します

nodemap.getNamedItem()	NamedNodeMapから指定された属性ノードを返します
nodemap.item()	NamedNodeMapの指定されたインデックスの属性ノードを返します
nodemap.length	NamedNodeMapに属する属性ノードの数を返します
nodemap.removeNamedItem()	指定された属性ノードを削除する
nodemap.setNamedItem()	指定された属性ノード（名前で）を設定する

例

この例ではIMG要素のすべての属性名を表示します：

例

var attrList = document.querySelector("img").attributes;
var text = "";
　　　
for (let x = 0; x < attrList.length;++) {
　　　　text　+= attrList[x].name　+　"<br>";
}

テストして見て‹/›

この例ではIMG要素のすべての属性値を表示します：

例

var attrList = document.querySelector("img").attributes;
var text = "";
　　　
for (let x = 0; x < attrList.length;++) {
　　　　text　+= attrList[x].value　+　"<br>";
}

テストして見て‹/›

この例ではIMG要素のsrc属性の値を変更します：

例

var image = document.querySelector("img");
image.getAttributeNode("src").value = "heart.jpg";

テストして見て‹/›

JavaScript Console オブジェクト JavaScript 文と宣言