属性値の取得

ある特定の要素に指定されている属性の値を取得するには、element.getAttributeメソッドを使用します。

構文

var value = element.getAttribute(attribute name);

引数

引数名		型	説明
第一引数必須	attribute name	string	取得する属性名

戻り値

取得した属性値を返します。
属性がない場合はnullを返します。

サンプルコード

JavaScript

var sampleElement = document.getElementById('sample'),
    attrValue     = sampleElement.getAttribute('href');

alert(attrValue);

また、複数の属性の値を取得するには、node.attributesプロパティを使用します。

構文

var object = node.attributes;

戻り値

NamedNodeMap型のAttrノードとして返します。

サンプルコード

JavaScript

var sampleElement = document.getElementById('sample'),
    attrNodes     = sampleElement.attributes,
    attrName      = undefined,
    attrValue     = '',
    results       = [],
    result        = '';

for (var i = 0, len = attrNodes.length; i < len; i++) {
	attrName  = attrNodes[i].nodeName;
	attrValue = attrNodes[i].nodeValue;
	results.push(attrName + '=' + attrValue);
}

result = results.join('\n');

alert(result);

JavaScript逆引きリファレンス一覧へ戻る