请老师帮忙看一下代码
来源: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回答
同学你好,代码效果实现了,继续加油!
祝学习愉快!
相似问题