请老师检查
来源：3-13 编程练习
Cynthia4660559
2022-03-10 23:54:51
<!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 oLi = document.querySelectorAll('li');
let arr = [];
for (let i = 0; i < 7; i++) {
arr.push(oLi[i].innerHTML);
oLi[i].addEventListener(
'mouseover',
function () {
// console.log(oLi[i].innerHTML);
oLi[i].style.color = 'red';
oLi[i].style.fontSize = '20px';
oLi[i].innerHTML += ('我是第'+(i+1)+'个')
},
false
);
oLi[i].addEventListener(
'mouseleave',
function () {
// console.log(oLi[i].innerHTML);
oLi[i].style.color = 'black';
oLi[i].style.fontSize = '17px'
oLi[i].innerHTML=arr[i];
},
false
);
}
</script>
</body>
</html>写回答
1回答
-
好帮手慕星星
2022-03-11
同学你好，实现效果可以。
建议：浏览器默认字体大小为16px，可以修改下：
祝学习愉快！
0
