请教

来源:4-11 编程练习

日拱一卒_

2021-01-05 22:31:03

问题描述:

老师不能理解,this.value、this.className
自己写的是的时候想不到要用这个,每次都是这个地方卡壳

相关代码:

姓名:<input type="text"> <span></span>
    <script type="text/javascript">
        // 补充代码
        var input = document.getElementsByTagName('input')[0];
        var span = document.getElementsByTagName('span')[0];
        input.onfocus = function() {
            if (this.value == '') {
                span.innerHTML = "请输入您的姓名";
            }
        }
        input.onblur = function() {
            if (this.value == '') {
                span.innerHTML = '用户名不能为空';
                this.className = 'red';
            } else {
                span.innerHTML = '';
                this.className = '';
            }
        }
    </script>
写回答

1回答

好帮手慕张

2021-01-06

同学你好,问题解答如下:

1、第一次不输入内容失焦的时候边框变为红色,再次聚焦的时候边框颜色重叠,可以在聚焦的时候加一下边框颜色,可以优化一下。

http://img.mukewang.com/climg/5ff55d34090121e207060203.jpg

http://img.mukewang.com/climg/5ff55d420917a76805120159.jpg

2、针对提问回复:

可以看出来同学对this指向不理解,事件函数的this就是当前绑定事件的元素,同学记住在事件处理函数中用this代表当绑定事件的元素对象即可。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程

相似问题

请教

回答 1

请教

回答 1

请教问题

回答 1

老师,请教

回答 1