请老师帮忙看一下代码

来源:3-8 编程练习

慕数据2005548

2020-11-15 13:19:49

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输请老师帮忙看一下代码有什么么问题,为什么获取span的id写在函数外效果就无法实现。

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>onblur和onfocus</title>

    <style type="text/css">

       

       .red{

     border:1px solid red;

     

     }

     span{

        display:none;

         

     }

     .dis{

         border:1px solid black;

     }

    </style>

</head>

<body>

姓名:<input type="text"> <span id="name">请输入您的姓名</span>

<script type="text/javascript">

    var entry=document.getElementsByTagName("input")[0];

    

entry.onfocus=function(){

    var name=document.getElementById("name");

    var input=this.value;

    if(input==""){

     name.style.display="inline";

  

    }

}


entry.onblur=function(){

     var name=document.getElementById("name");

    var input=this.value;

    if(input==""){

        name.innerHTML="用户名不能为空";

        this.className="red";

    }else{

       name.style.display="none";

        this.className="dis";

    }

    

}




</script>

</body>

</html>


写回答

1回答

好帮手慕鹤

2020-11-15

同学你好,代码效果实现了,继续加油!
祝学习愉快!

0

0 学习 · 40143 问题

查看课程