请老师检查

来源：3-13 编程练习

差不混

2022-05-31 15:53:52

<!DOCTYPE html>
<html>
<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 li = document.querySelectorAll("li")

    for(let i = 0;i<li.length;i++) {
        let text = li[i].innerHTML
        li[i].addEventListener('mouseenter',function(){
            li[i].style.color = "red"
            li[i].style.fontSize = "20px"
            li[i].innerHTML = text+"我是第"+(i+1)+"个"
        },false)   
        
        li[i].addEventListener('mouseleave',function(){
            li[i].style.color = ""
            li[i].style.fontSize = ""
            li[i].innerHTML = text
        },false)
        
    }
        //补充代码
    </script>
</body>
</html>

写回答

1回答