属性プロパティ VS getAttribute

[説明]

属性プロパティ 変数.href URLが取得される
getAttribute( ) 変数.getAttribute('href'); href属性の値が取得される

IEでは両方ともURLを取得する

リンク



<p><a href="index.html" id="anchor" title="リンク">リンク</a></p>
<input type="button" id="btn" value="src属性を取得する" />
<div class="result">
<p id="result"></p>
</div>

<script type="text/JavaScript">
var btn = document.getElementById('btn');

btn.onclick = function(){
	var anchor = document.getElementById('anchor');
	var href1 = anchor.href;
	var href2 = anchor.getAttribute('href');
	
	var str = "";
	str += "属性プロパティanchor.hrefで取得したものは「 " + href1 + " 」で、anchor.getAttribute('href')で取得したものは「 " + href2 + " 」です。";
	var output = document.getElementById('result');
	output.innerHTML = str;
}
</script>

インデックスにもどる