为什么value的值打印不出来
来源:3-8 编程练习
洋芋儿泥
2020-01-07 00:47:52
<!DOCTYPE html>
<html>
<head>
<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 userName=document.getElementsByTagName("input")[0];
var YandN=document.getElementsByTagName("span")[0];
userName.onfocus=function focus(){
YandN.innerHTML="请输入您的姓名";
this.removeAttribute("class");
}
console.log(userName.value);
// userName.onblur=function blur(){
// if(userName.value==""){
// YandN.innerHTML="用户名不能为空";
// this.className="red";
// }
// }
</script>
</body>
</html>
1回答
好帮手慕码
2020-01-07
同学你好,输入框最初是没有内容的,在聚焦input后输入内容,才能读取到value的值。所以需要把打印放在事件中,如下:

打印结果:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题