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

wmkandyk12358 2012-11-04 11:01:21

请问下，我想为每个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>

...全文

637 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

泡泡鱼_ 2012-11-05

打赏
举报

引用 3 楼 chhxxc 的回复:

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

getElementByTag,getElementsByTagName

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

泡泡鱼_ 2012-11-05

打赏
举报

引用 5 楼 chhxxc 的回复:

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

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

泡泡鱼_ 2012-11-05

打赏
举报

    //置入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;
            }
        }
    }

奇乐二二二 2012-11-05

打赏
举报

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

wmkandyk12358 2012-11-05

打赏
举报

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

奇乐二二二 2012-11-05

打赏
举报

引用 8 楼 crying_boy 的回复:

引用 3 楼 chhxxc 的回复:jquery $('a') js document.getElementByTag('a') getElementByTag,getElementsByTagName 回贴可以稍严谨些，虽然稍有些经验的人一看就知道你想表达的是什么但如果是新手的话，测试不通过，会非常郁闷的

好吧。我错了