请问老师如何获取head中的.red样式。
<!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 bnt=document.getElementsByTagName("input")[0],msg=document.getElementsByTagName("span")[0];
bnt.onfocus=function(){
if(this.value==""){
msg.innerHTML='请输入您的姓名';msg.style.display="inline";}
}
bnt.onblur=function(){
if(this.value=="") {
msg.innerHTML='用户名不能为空';
this.style.border="1px solid red"
}else{msg.innerHTML="";this.style.border="";}
}
</script>
</body>
</html>
11
收起
正在回答
2回答
同学你好，解答如下：
className 属性设置或返回元素的 class 属性，那么 this.className=“red”表示给当前元素设置类名为red；
祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星