全ての属性値を取得する attributes

[説明]

メソッド名 役割
getAttribute( 属性値 ) 属性値を取得する
attributes 全ての属性値を取得する
attributes.length 含まれる属性値の数を取得する
attributes.item( i ) i番目の属性値と属性名を取得する

W3C



<p><a href="#" title="ダブルサンシー" id="w3c">W3C</a></p>
<input type="button" id="btn" value="全ての属性値を取得" />

<script type="text/JavaScript">
	var anchor = document.getElementById('w3c');
	var attr = anchor.attributes; // 全ての属性値を取得( hreftitleid / href = 0・title = 1・id = 2)
	
	var msg = "属性の数は" + attr.length + "。";
	
	for(var i = 0 ; i < attr.length ; i++){
	var name = attr.item(i).nodeName; // href・title・id
	var value = attr.item(i).nodeValue; // #・ダブルサンシー・w3c
	
		if(value == null || value == ''){
			continue;
		}
		
	msg += name + "は「" + value + "」。\n";
	}
	
	result.innerHTML = msg;
</script>

インデックスにもどる