为什么我的innerHTML不起作用？

来源：3-8 编程练习

所向无一

2019-05-12 23:06:51

<!DOCTYPE html>
<html>
<head>
    <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 name = document.getElementsByTagName('input')[0];
var tip = document.getElementsByTagName('span')[0];

name.onfocus=function(){
    this.style.border='1px solid blue';
    tip.innerHTML="请输入您的姓名";
};

name.onblur=function(){
    if(this.value==""){
    this.className='red';
    tip.innerHTML='用户名不能为空'
    }else{
        this.className="";
        tip.innerHTML="";
    }
};
</script>
</body>
</html>

写回答

1回答