js基础的自定义属性练习
Posted 前端站
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js基础的自定义属性练习相关的知识,希望对你有一定的参考价值。
js基础的自定义属性练习:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> li { list-style:none; width:114px; height:140px; float:left; margin-right:20px; } </style> <script> window.onload=function(){ var aLi=document.getElementsByTagName(‘li‘); for(var i=0;i<aLi.length;i++){ aLi[i].onOff=true; aLi[i].onmouseover=function(){ if(this.onOff){ this.style.backgroundColor=‘blue‘; this.onOff=false; }else{ this.style.backgroundColor=‘red‘; this.onOff=true; } }; } }; </script> </head> <body> <ul> <li></li> <li></li> <li></li> </ul> </body> </html>
以上是关于js基础的自定义属性练习的主要内容,如果未能解决你的问题,请参考以下文章