老师请检查！
来源：3-13 编程练习
练习时常两年半的前端练习生
2022-03-17 17:27:59
<!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">
const lis=document.querySelectorAll('li');
for(let i=0;i<lis.length;i++){
const inner=lis[i].innerText;
lis[i].onmouseenter=function(){
const name=i+1;
const nameafter =inner+'我是第'+name+'个';
this.innerText=nameafter;
this.style.color='red';
this.style.fontsize='30px';
}
lis[i].onmouseleave=function(){
this.innerText=inner;
this.style.color='black';
this.style.fontsize='10px';
}
}
</script>
</body>
</html>
1回答
-
好帮手慕星星
2022-03-17
同学你好，代码中字体大小属性没生效，需要是驼峰命名的形式。并且页面默认子字体大小为16px，建议移出的时候调整为16px，参考：
祝学习愉快！
1
