麻烦老师帮忙检查下,为什么实现不了
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
</style>
</head>
<body>
姓名:<input type="text"> <span></span>
<script type="text/javascript">
// 补充代码
var input = document.getElementsByName("input");
var span = document.getElementsByName("span");
input.onfocus = function() {
span.innerHTML = "请输入您的姓名";
}
input.onblur = function() {
if(span == "") {
span.innerHTML = "用户名不能为空";
input.className = "red";
}else {
span.innerHTML = "";
input.className = "";
}
}
</script>
</body>
</html>7
收起
正在回答
1回答
同学你好,关于同学的问题回答如下:
1、获取元素的时候没有获取成功:


同学是设置的通过name进行获取,但是元素的属性上并没有name,所以获取不到,修改参考:

2、当不输入内容,输入框失去焦点时,没有提示:

修改参考:

如果我的回答帮助了你,欢迎采纳,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星