请老师检查一下，蟹蟹。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jquery</li>
<li>HTML5</li>
<li>CSS3</li>
<li>ES6</li>
</ul>
<script type="text/javascript">
//补充代码
let li=document.getElementsByTagName("li");
for(let i=0;i<li.length;i++){
(function(i){
let lis=li[i].innerText;
li[i].onmouseover=function(){
li[i].style.color="red";
li[i].style.fontSize="2em";
li[i].innerText+="我是第"+i+"个";
}
li[i].onmouseout=function(){
li[i].innerText=lis;
for(let j=0;j<li.length;j++){
li[j].style.color="black";
li[j].style.fontSize="1em";
}
}
})(i)
}
</script>
</body>
</html>
正在回答
同学你好，代码实现的是正确的，但是还可以再优化下，当鼠标移入第一项时，显示第一个：
修改参考：
如果我的回答帮助了你，欢迎采纳。祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星