今天终于知道了怎么给某个id下的所有dom元素添加事件响应,有两种方法
方法一,遍历该id下所有目标元素。源代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<div id="aBox"> <a href="javascript:void(0);">1</a> <a href="javascript:void(0);">2</a> <a href="javascript:void(0);">3</a> <a href="javascript:void(0);">4</a> </div> <script type="text/javascript"> var ll=document.getElementById('aBox'); var ps=ll.getElementsByTagName('a'); for(var ii=0;ii<ps.length;ii++){ ps[ii].onclick=function(){ alert(this.innerHTML); } } </script> |
方法二、监听该id的事件,采用冒泡形式并判断点击的结构响应结果。源代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<div id="aBox"> <a href="javascript:void(0);">1</a> <a href="javascript:void(0);">2</a> <a href="javascript:void(0);">3</a> <a href="javascript:void(0);">4</a> </div> <script type="text/javascript"> var ll=document.getElementById('aBox'); ll.onclick=function(evt){ var target = evt.target; if(target.tagName.toLowerCase() == 'a') { alert(evt.target.innerHTML); } } </script> |
1 Comments
好好研究js