请问js中事件委托的索引值obj[i].index=i;如何添加
在ul中给li添加over事件，事件委托给ul,html中存在一个p标签；p根据不同li呈现不同的文字arr=['11','22','33','44','55'];oUl...
在ul中给li添加over事件，事件委托给ul,html中存在一个p标签；p根据不同li呈现不同的文字 arr=['11','22','33','44','55'];
oUl.onmouseover=function(e){
var o=e||event;
var target=o.target||o.srcElement;
if(target.nodeName.toLowerCase() == 'li'){
target.style.background='yellow';
}
}
如果我需要让<p></p>根据arr=[]内容变化，请问索引值是否添加给target？如何添加？谢谢！ 展开
oUl.onmouseover=function(e){
var o=e||event;
var target=o.target||o.srcElement;
if(target.nodeName.toLowerCase() == 'li'){
target.style.background='yellow';
}
}
如果我需要让<p></p>根据arr=[]内容变化，请问索引值是否添加给target？如何添加？谢谢！ 展开
1个回答
展开全部
你看看这是否是你想要的效果：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
</head>
<body>
<ul>
<li>java</li>
<li>c#</li>
<li>python</li>
<li>c++</li>
<li>ruby</li>
<li>html</li>
</ul>
<p></p>
<script>
var oUl = document.getElementsByTagName('ul')[0];
var oLi = document.getElementsByTagName('li');
var oP = document.getElementsByTagName('p')[0];
oUl.onmouseover=function(e){ // 注册移上事件
var o=e||event;
var target=o.target||o.srcElement; // 触发事件的目标
if(target.nodeName.toLowerCase() == 'li'){ // 确定目标是li标记
for (var i = oLi.length - 1; i >= 0; i--) { // 遍历所有的li标记，将背景设置为白色
oLi[i].style.background = "#fff";
}
target.style.background='yellow'; // 将当前移上的li标记背景设置为黄色
oP.innerHTML = target.innerHTML; // 设置p的内容
}
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
