麻烦老师帮忙检查下,为什么实现不了

麻烦老师帮忙检查下,为什么实现不了

<!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>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,关于同学的问题回答如下:

1、获取元素的时候没有获取成功:

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

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

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

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

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

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

修改参考:

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

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

  • 胜己 提问者 #1
    input.onfocus = function() {}这一行报错了,不知道什么原因
    2020-02-15 16:04:55
  • 好帮手慕粉 回复 提问者 胜己 #2
    同学你好,老师这边是正常的没有报错呢,建议同学再检查下自己的代码,看是不是哪拼错了,不能解决的话建议同学将代码再粘贴上来呢。如果我的回答帮助了你,欢迎采纳,祝学习愉快~
    2020-02-15 18:45:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师