老师我这个为什么输入了还是显示用户名不能为空
1 | <!DOCTYPE html><br><html lang="en"><br><br><head><br> <meta charset="UTF-8"><br> <meta http-equiv="X-UA-Compatible" content="IE=edge"><br> <meta name="viewport" content="width=device-width, initial-scale=1.0"><br> <title>Document</title><br> <style><br> .red{<br> border-color: red;<br> }<br> </style><br></head><br><br><body><br> 姓名：<input type="text"> <span></span><br> <script type="text/javascript"><br> // 补充代码<br> var inPut = document.getElementsByTagName('input')[0];<br> var span = document.getElementsByTagName('span')[0];<br> inPut.onfocus = function () {<br> span.innerHTML = '请输入你的姓名';<br> }<br> inPut.onblur = function () {<br> if (inPut.innerText != null) {<br> span.innerHTML = '用户名不能为空';<br> inPut.className = 'red';<br> } else {<br> span.innerHTML = '';<br> }<br> }<br> </script><br></body><br><br></html><br> |
13
收起
正在回答
2回答
同学你好，代码问题如下：
1、想要获取input标签内容，需要使用value属性，innerText属性不能获取
2、if条件中应该判断input内容为空，空是空字符串而不是null
3、在有内容的时候需要将input去掉red类，建议在聚焦的时候也去掉，避免边框颜色重复
参考
祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧