为什么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的值。所以需要把打印放在事件中,如下:

http://img1.sycdn.imooc.com/climg/5e13eae009a19f4504750212.jpg

打印结果:
http://img1.sycdn.imooc.com/climg/5e13eb0409b6eff004750068.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程