【美图】有如下列表的DOM结构,需要在点击li时获取对应的innerHTML

要求:

不能修改DOM

使用原生javascript

考虑JS性能

  • 内容
  • 内容
  • ...(9999个
  • 内容
  • 内容

  • 方法一:循环:闭包

    var li=document.getElementsByTagName("li");
    for(var i=0;i

    方法二:事件代理

    var ul=document.getElementsByTagName("ul")[0];
    ul.οnclick=function(e){
    	console.log(e.target.innerHTML);
    }



    你可能感兴趣的:(web前端)