JS绑定多个对象的单击事件

最新推荐文章于 2022-11-16 10:55:44 发布

转载最新推荐文章于 2022-11-16 10:55:44 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/plcc/archive/2011/10/24/2223071.html

文章标签：

#xhtml

本文通过HTML页面实现三个链接元素的展示，并利用JavaScript监听点击事件，展示元素的名称，提供HTML基础交互实例。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="test">
<ul>
<li><a>this one</a></li>
<li><a>this two</a></li>
<li><a>this three</a></li>
</ul>
</div>
<script>
    cat = { Method: function test() {
var links = document.getElementsByTagName('a');
for (var i in links) {
            links[i].tName = links[i].innerText;
            links[i].onclick = function () {
                alert(" i am " + this.tName);
            }
        }
    } 
    }
cat.Method();
</script>
</body>
</html>