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

 

<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>


 

posted @ 2011-10-24 20:10  plccs  阅读(707)  评论(0)  编辑  收藏  举报