<style>
#ull {
height: 200px;
width: 200px;
list-style: none;
}
.li {
height: 50px;
width: 100%;
}
</style>
<div>
<ul id="ull">
<li class="li">hehe1</li>
<li class="li">hehe2</li>
<li class="li">hehe3</li>
</ul>
</div>
<script>
// window.onload = function(){
// var oUl = document.getElementById("ull")
// var aLi = document.getElementsByTagName("li")
// oUl.onmouseover= function(ev){
// var event = ev || window.event
// var target = ev.target || ev.srcElement
// if(target.nodeName.toLowerCase() == "li"){
// target.style.background="red"
// }
// }
// }
window.onload = function(){
var oUl = document.getElementById("ull")
var aLi = document.getElementsByTagName("li")
oUl.onclick= function(ev){
var event = ev || window.event
var target = ev.target || ev.srcElement
if(target.nodeName.toLowerCase() == "li"){
debugger
alert(target.outerText)
// target.style.background="red"
}
}
}
</script>
js事件委托
最新推荐文章于 2022-07-22 19:45:21 发布