<p><img src="/content/img/pic1-thumb.png" alt="Krispy Kreme Doughnuts" id="sweets" /></p>
<form action="#">
<input type="button" value="属性取得" onclick="fGetAttributes()" />
<p id="resGetAttributes"></p>
</form>
<script type="text/javascript">
function fGetAttributes(){
var s="";
if(document.getElementById("sweets").attributes.length>0){
/* ID名取得 */
s+=document.getElementById("sweets").getAttribute("id")+"<br>";
s+=document.getElementById("sweets").attributes.getNamedItem("id").value+"<br>";
s+=document.getElementById("sweets").attributes.getNamedItem("id").nodeValue+"<br>";
/* ALT属性取得 */
s+=document.getElementById("sweets").getAttribute("alt")+"<br>";
s+=document.getElementById("sweets").attributes.getNamedItem("alt").value+"<br>";
s+=document.getElementById("sweets").attributes.getNamedItem("alt").nodeValue+"<br>";
}
document.getElementById("resGetAttributes").innerHTML=s;
}
</script>