属性プロパティ 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>

インデックスにもどる