您的位置:首页 > Web前端

前端面试题:企业面试真题—14

2020-08-21 13:30 761 查看
有如下列表的DOM结构,需要在点击时获取对应的innerHTML; 要求:不能修改DOM; 使用原生javascript; 考虑js性能

[code]//考虑到li数量太多, 因此使用事件委托方式
var oDiv = document.querySelector("div");
oDiv.addEventListener("click", function(evt){
var e = evt || event; //处理IE兼容问题
//e.target表示事件源对象, 即事件触发的源头
//当点击Li的时候, 则条件成立
var target = e.target || e.srcElement; //处理兼容问题

if(target.tagName = "LI") {
console.log(e.target.innerHTML);
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: