老师，请帮忙看下以下代码

老师，以下代码中tip设置了display:none，为什么“请输入有效的手机号码”没有隐藏呢？

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style>
    #left,#tip{padding:5px;float:left;}
   }
   #tip{
       color:red;
   }
   </style>
   <script>
       window.onload=function(){
           var phone=document.getElementById('phone');
           var tip=document.getElementById('tip');
           phone.onfocus=function(){

           }
       }
   </script>
</head>
<body>
   <div id="left"><input type="text" id="phone" placeholder="请输入您的手机号码"></div>
   <div id="tip">请输入有效的手机号码</div>
</div>
</body>
</html>

慕尼黑4757019 2018-10-15

源自：JavaScript DOM事件 3-5 事件类型（onfocus和onblur）

收起

1回答

妮可妮可妮_ 2018-10-15 15:08:01

你好同学,你的代码中没有在tip处设置display:none,请检查上传的代码是否错误或者有疏漏,

并且在css代码中,多出了一个结束花括号,书写代码的时候要细心

建议同学将完整代码上传,以便更好的检测和解决问题，祝学习愉快。

收起回答

提问者慕尼黑4757019 #1

老师，不好意思，我复制错了代码。是以下代码，设置之后，还是没有显示隐藏效果，因为一直没有显示隐藏后面的效果也不好继续，还请老师再帮忙检查一下，谢谢！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #left,#tip{padding:5px;float:left;} } #tip{ display:none; } </style> <script> window.onload=function(){ var phone=document.getElementById('phone'); var tip=document.getElementById('tip'); phone.onfocus=function(){ } } </script> </head> <body> <div id="left"><input type="text" id="phone" placeholder="请输入您的手机号码"></div> <div id="tip">请输入有效的手机号码</div> </div> </body> </html>

2018-10-15 15:12:44
提问者慕尼黑4757019 #2

哦，已经解决了，是多了一个花括号，谢谢！

2018-10-15 15:14:11