<!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] 举报,一经查实,本站将立刻删除。