请老师检查

来源：3-13 编程练习

慕UI4313976

2021-08-16 09:40:22

<!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 ul = document.querySelector('ul');
        let lis = ul.getElementsByTagName('li');

        for(let i = 0; i < lis.length; i++){
        let text = lis[i].innerText;
        let appendText = '我是第' + (i+1) + '个';
            lis[i].onmouseenter = function(){
                lis[i].style.color = 'red';
                lis[i].style.fontSize = '24px';
                lis[i].innerText = lis[i].innerText + appendText;
            }
            lis[i].onmouseleave = function(){
                lis[i].style.color = '';
                lis[i].style.fontSize = '';
                lis[i].innerText = text;
            }
        }
    </script>
</body>
</html>