getAttribute的简单使用

<ul>
<li><a href="http://www.baidu.com/img/baidu_sylogo1.gif" onclick="showpic(this);return false">百度图片</a></li>
<li><a href="http://www.google.com/logos/2012/mexico-2012-hp.jpg" onclick="showpic(this);return false">谷歌图片</a></li>
</ul>
<script>
function showpic(whithpic){
var getpic=whithpic.getAttribute("href");
var setpic=document.getElementById("showpic");
setpic.setAttribute("src",getpic);
}

</script>
<img src="" id="showpic" alt="图片占位" />

 

 

点击连接，图片显示在占位区：