使用javascript 获取ul下的li下面的a标签点击事件

时间:2022-12-09 12:31:29
哪位高手告诉我,

<ul id="ul00" class="ul00">
<li>
  <a href="javascript:void(0)">1</a>
  <a href="javascript:void(0)">2</a>
</li>
</ul>

点击a标签的值。
  window.onload = function() {
  document.getElementById("ul00").getElementsByTagName("li").onclick = function() {
  alert("1");
}
使用javascript 获取ul下的li下面的a标签点击事件

4 个解决方案

#1



window.onload = function () {
        document.getElementsByTagName("a")[0].onclick = function () {
            alert("1");
        }
    }

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。返回的是集合,要用下标访问
建议你用jQuery

#2



window.onload=function()
{
   var oUl = document.getElementById("ul00");
   var oLi = oUl.getElementstByTagName("li")[0];
   var oA = oLi.getElementsByTagName("a");
   for(i=0;i<oA.length;i++)
   {
      oA[i].onclick=function()
      {
          ......
      }
   }


}

#3


好像还是不行啊?

#4


该回复于2012-01-08 11:28:26被版主删除

#1



window.onload = function () {
        document.getElementsByTagName("a")[0].onclick = function () {
            alert("1");
        }
    }

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。返回的是集合,要用下标访问
建议你用jQuery

#2



window.onload=function()
{
   var oUl = document.getElementById("ul00");
   var oLi = oUl.getElementstByTagName("li")[0];
   var oA = oLi.getElementsByTagName("a");
   for(i=0;i<oA.length;i++)
   {
      oA[i].onclick=function()
      {
          ......
      }
   }


}

#3


好像还是不行啊?

#4


该回复于2012-01-08 11:28:26被版主删除