请老师检查

来源：3-13 编程练习

宣与慕

2022-04-05 16:19:02

<!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">
        var lis = document.getElementsByTagName('li');

        var a = [];
        for (var i = 0; i < lis.length; i++) {
            a.push(lis[i].innerText);
        }

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

</html>

写回答

1回答