微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

动态绑定事件--es6

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <title>Document</title>
    <style>
 li{
 color:#000;
 font-size:12px;
 }
   .hover{
   color:#f00;
   font-size:14px;
   }
   
 </style>
</head>
<body>
    <ul>
        <li class="hover">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 liCollection= document.getElementsByTagName("li");
        //for(var i = 0; i < liCollection.length; i++){
        //    var li = liCollection[i];
  // (function(li){
  //  li.onmouSEOver = function(){
  //   li.className="hover";
  //  };
  //  li.onmouseleave = function(){
  //   li.className="";
  //  };
  // })(li);
            
        //}
  var liCollection= document.getElementsByTagName("li");
        for(var i = 0; i < liCollection.length; i++){
            let li = liCollection[i];
   //(function(li){
    li.onmouSEOver = function(){
     li.className="hover";
    };
    li.onmouseleave = function(){
     li.className="";
    };
   //})(li);
            
        }
    </script>
</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐