麻烦老师帮忙看看代码和注释的理解，谢谢
来源：3-8 编程练习
YoLo_H
2020-07-23 04:12:05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
.red {
border: 1px solid red;
}
</style>
</head>
<body>
姓名：<input type="text"> <span></span>
<script type="text/javascript">
// 补充代码
/* 获取元素的对应节点 */
var namea = document.getElementsByTagName("input")[0];
var tip = document.getElementsByTagName("span")[0];
/* 当输入框获取焦点时（鼠标进入输入框）span显示提示内容 */
function focuson() {
tip.innerHTML = "请输入您的名字";
}
namea.onfocus = focuson;
/* 当输入框失去焦点时，顺带判断如果输入框内容为空，span显示用户名不能为空，并且改变为输入框添加类red */
function bluron() {
if (this.value.length == 0) {
tip.innerHTML = "用户名不能为空";
this.className = "red";
}
/* 如果有内容，提示为空，class名red去掉 */
else {
tip.innerHTML = "";
this.className = "r";
}
}
namea.onblur = bluron;
</script>
</body>
</html>
1回答
-
同学你好，代码以及注释都是正确的，很棒。继续加油，祝学习愉快！
0
相似问题
回答 1
回答 3