如何为每个a标签添加onclick并指定函数

请问下，我想为每个a标签添加一个onclick，并指定函数，应该如何写呢？
例如<a href="#" onclick="myfun()">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js练习</title>    <script type="text/javascript">
function myfun(){
document.write("测试函数");
}
x = document.getElementById("myimg");
    </script>
</head><body><div id="myimg">
    <ul>
        <li>
            <a href="photos/image1.jpg" title="1">
                <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image2.jpg" title="2">
                <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image3.jpg" title="3">
                <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image4.jpg" title="4">
                <img src="photos/thumb_image4.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image5.jpg" title="5">
                <img src="photos/thumb_image5.jpg" width="72" height="72" alt="" />
            </a>
        </li>
    </ul>
</div></body>
</html>

解决方案 »

  1.   

    我想用一个循环，使id="myimg"下面的每个<a>都添加一个onclick。能帮忙写个看下吗，谢谢
      

  2.   

    jquery
    $('a')js
    document.getElementByTag('a')
      

  3.   

    如果只是为id="myimg"下面的所有<a>添加函数。应该如何写呢！3Q
      

  4.   

    jquery
    $('#myimg a').onclick(function(){})
    js的话从把父节点里面的a遍历一遍。
      

  5.   

        //置入window.onload事件中可确保在所有元素均已加载的前提下执行自定义事件
        //或者不置入window.onload时，将功能代码段放在功能代码所依赖的元素之下
        window.onload=function(){
            //获取父容器
            var div=document.getElementById("myimg");
            //查找指定容器下的a标签
            var href=div.getElementsByTagName("a");
            //遍历这些标签
            for(var i=0;i<href.length;i++){
                //给每个标签绑定事件
                href[i].onclick=function(){
                    //测试：获取每个标签中img的地址
                    alert(this.getElementsByTagName('img')[0].src);
                    //为了测试：使超链接本身跳转功能失效
                    //当onclick与href共存时，href跳转执行在onclick之后，且当onclick返回不是false时才执行href的跳转功能
                    return false;
                }
            }
        }
      

  6.   

    纠正：$('#myimg a').click(function(){})
      

  7.   


    getElementByTag,getElementsByTagName回贴可以稍严谨些，虽然稍有些经验的人一看就知道你想表达的是什么
    但如果是新手的话，测试不通过，会非常郁闷的