<ul>

    <li class="la">HTML</li>

    <li class="la">CSS</li>

    <li class="la">JavaScript</li>

    <li class="la">jquery</li>

    <li class="la">HTML5</li>

    <li class="la">CSS3</li>

    <li class="la">ES6</li>

</ul>

<script type="text/javascript">

    //var lis=document.getElementsByTagName('li');// 通过标签名得到数组

    var lis=document.querySelectorAll('ul li')  //通过选择器得到（数组）

   // var lis=document.getElementsByClassName('la') //通过类名得到（数组）

    for(let i=0;i<lis.length;i++){

        lis[i].onmouseover=function(){

            let text=lis[i].innerHTML //获取li元素文字内容

            console.log(text)

            lis[i].style.color='red'

            lis[i].style.fontSize='20px'

            lis[i].innerHTML=text+'我是第'+i+'个';

        }

        lis[i].onmouseleave=function(){

           lis[i].style='none'

       }

     };

</script>

​