JS练手dome Ⅵ(隐藏和显示文本)

原创

Issue!!! 2022-02-11 16:29:54 博主文章分类：JS学习笔记 ©著作权

©著作权归作者所有：来自51CTO博客作者Issue!!!的原创作品，请联系作者获取转载授权，否则将追究法律责任

分别把隐藏的 d i v 和不隐藏的 d i v 写好就行分别把隐藏的div和不隐藏的div写好就行分别把隐藏的div和不隐藏的div写好就行

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    body{
      text-align:center;
    }
    div{
      display:none;
    }
    .mouseover{
      display:block;
      background:#ffefa4;
      border:1px solid #f90;
      width:200px;
      margin-left:45.3%;
    }
  </style>
</head>
<body>
  <label><input type="checkbox" id="checkbox">两周内自动登录</label>
   <div>为了您的信息安全，请不要在网吧或公共网络使用此功能！</div>
  <script>
    var temp=document.getElementsByTagName("label")[0];
    var newtemp=document.getElementsByTagName("div")[0];
    temp.οnmοuseοver=function()
    {
      newtemp.className="mouseover";
    }
    temp.οnmοuseοut=function()
    {
      newtemp.className="";
    }
  </script>
</body>
</html>