该怎么写?

该怎么写?

该怎么写?

正在回答 回答被采纳积分+1

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

4回答
好帮手慕言 2021-07-09 18:26:01

同学你好,聚焦不输入内容,失去焦点,会加上red这个类名,再聚焦之后,把页面放大,可以看到红色边框,如下:
http://img1.sycdn.imooc.com//climg/60e823e509c3a08e09550108.jpg

所以聚焦时可以把类名清空。

祝学习愉快~

好帮手慕言 2021-04-25 10:39:21

同学你好,在js中设置class可以使用className,获取class也可以使用className,例如:

http://img1.sycdn.imooc.com//climg/6084d647097fc47508640270.jpg

控制台:

http://img1.sycdn.imooc.com//climg/6084d64f0941e58504050164.jpg

祝学习愉快~

  • 提问者 神知 #1

    老师位什么输入框获取焦点时样式要为空this.className = "";

    2021-07-09 17:43:37
  • 提问者 神知 #2

    不写这句样式也没差别

    2021-07-09 17:44:46
好帮手慕言 2021-04-24 18:49:42

同学你好,代码中,失焦事件(onblur就是失焦事件)里面的this指向的是input,className 可以设置元素的 class 属性。this.className = "";这句代码可以理解为给input的class设置为空。

祝学习愉快~

  • 提问者 神知 #1

    只要是设置元素的class属性就可以用className 吗

    2021-04-24 22:39:22
好帮手慕言 2021-03-11 14:12:59

同学你好,可以参考下方的代码和注释理解:

1
<!DOCTYPE html><br><html><br><br><head lang="en"><br>    <meta charset="UTF-8"><br>    <title>onblur和onfocus</title><br>    <style type="text/css"><br>        .red {<br>            border: 1px solid red;<br>        }<br>    </style><br></head><br><br><body><br>    姓名:<input type="text"> <span></span><br>    <script><br>        // 获取元素<br>        var input = document.getElementsByTagName("input")[0];<br>        var span = document.getElementsByTagName("span")[0];<br>        // 绑定获取焦点事件<br>        input.onfocus = function () {<br>            //将失去焦点时给输入框加的样式去掉<br>            this.className = "";<br>            if (input.value == "") {//如果值为空,出现提示文字<br>                span.innerHTML = "请输入您的姓名";<br>            }<br>        }<br>        // 绑定失去焦点事件<br>        input.onblur = function () {<br>            //如果值为空,出现提示文字,输入框加上样式<br>            if (input.value == "") {<br>                span.innerHTML = "用户名不能为空";<br>                this.className = "red";<br>            }<br>            //如果值不为空,提示文字消失,输入框没有样式<br>            else {<br>                this.className = "";<br>                span.innerHTML = "";<br>            }<br>        }<br>    </script><br></body><br><br></html><br>

​编程题是给出任务提示的,如下:

http://img1.sycdn.imooc.com//climg/6049b2dd099834bb05120252.jpg

同学不能不思考,直接来问答区提问,老师给出代码之后,对同学的思考问题的能力是没有太大帮助的,同学要尝试自己写,如果哪里实现不了,可以来问答区提问,老师根据同学写的代码给出建议,这样同学的能力才能得到提升呦。

祝学习愉快~

  • 提问者 神知 #1

    this.className 这句是从哪里来的呢?

    2021-04-24 18:27:17
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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