请教
来源: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、第一次不输入内容失焦的时候边框变为红色,再次聚焦的时候边框颜色重叠,可以在聚焦的时候加一下边框颜色,可以优化一下。
2、针对提问回复:
可以看出来同学对this指向不理解,事件函数的this就是当前绑定事件的元素,同学记住在事件处理函数中用this代表当绑定事件的元素对象即可。
祝学习愉快!