HTML DOM Attributes value属性

定義と使用法

value 属性の設定または属性の値の返却

も参照してください：

attribute.name属性

attributes.getNamedItem()メソッド

例

例1

最初の属性の値を取得：

let value = element.attributes[0].value;

自分で試してみてください

例2

"id"属性の値を取得：

let value = element.getAttributeNode("id").value;

自分で試してみてください

例3

画像のsrc属性の値を変更するためのgetNamedItem()メソッド：

const nodeMap = document.getElementById("light").attributes;
let value = nodeMap.getNamedItem("src").value;

自分で試してみてください

例4

getAttributeNode()メソッドの使用：

const element = document.getElementById("light");
element.getAttributeNode("src").value = "bulbon.gif";

自分で試してみてください

構文

属性値の返却：

attribute.value

属性値の設定：

attribute.value = value

属性

属性 説明
value 属性の値

返り値

タイプ 説明
文字列 属性の値

ブラウザのサポート

attribute.value DOMレベル1（1998）の機能です。

すべてのブラウザがサポートしています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート