日期:2014-05-16  浏览次数:20355 次

高手大神们进啊,怎么设置这个点击事件
高手们请看以下代码,我怎样才能获取到下面DD被点击
<dl id="list">
  <dt>标题</dt>
  <dd>内容一</dd>
  <dd>内容二</dd>
  <dd>内容三</dd>
  <dd>内容四</dd>

</dl>

<script>
  //dt这样设置他的点击,是可以执行的
  document.getELementById("list").getElementsByTabName("dt")[0].onclick=function(){};
  //dd怎样设置啊,求大神,高手们指点,感激不尽,谢谢
  //我不想每个都设置一边,有没有什么简单的方法
</script>

------解决方案--------------------
循环啊
------解决方案--------------------
可以用循环来设置
------解决方案--------------------
探讨

循环啊

------解决方案--------------------
楼上的是list[i].onclick=function(){};这样吧.
------解决方案--------------------
也可以用事件委托

HTML code

<dl id="list">
  <dt>标题</dt>
  <dd>内容一</dd>
  <dd>内容二</dd>
  <dd>内容三</dd>
  <dd>内容四</dd>
</dl>
<script type="text/javascript">
    document.getElementById("list").onclick = function (e) {
        var e = e || event;
        var tar = e.target || e.srcElement;
        if(tar.tagName.toLowerCase()== "dd"){
            alert(tar.innerText)
        }
    }
</script>