老师我问下我这个那里出问题了啊
先后写了两次,都不行.
第一次:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>输入文本</title>
</head>
<body>
<p>字数限制在30字内,<span>您还可以输入<b>30</b> 字</span></p>
<textarea cols="50" rows="7" id="text"></textarea>
<script type="text/javascript">
//补充代码
var text=document.getElementById("text"),
span=document.getElementsByClassName("span")[0],
blen=document.getElementsByClassName("b"),
head=30;
document.onkeyup=function(){
var len=text.value.length;
if(len>=0){
blen.innerHTML=head-len;
}else{
span.innerHTML="你已经超出"+a+"字";
}
};
</script>
</body>
</html>
第二次
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>输入文本</title>
</head>
<body>
<p>字数限制在30字内,<span>您还可以输入<b>30</b> 字</span></p>
<textarea cols="50" rows="7" id="text"></textarea>
<script type="text/javascript">
//补充代码
var text1=document.getElementsByClassName("span")[0],
text2=document.getElementById("text"),
text3=30;
document.onkeyup=function(){
var a=text3-text2.value.length;
if(a>=0){
text1.innerHTML="你还可以输入"+a+"字";
}else{
text1.innerHTML="你已经超出"+Math.abs(a)+"字";
}
};
</script>
</body>
</html>
正在回答 回答被采纳积分+1
第一次那个if里面len>=0是粘贴后搞错了,<=30也是不行
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星