请老师帮忙看一下正确吗？还存在什么问题？

另：len=text.value.length这个是参照视频中老师写出来的，此处为什么一定要加value 还是没懂，text.length这样写不行吗？

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>字数限制在30字内，<span id="sp">您还可以输入<b id="count">30</b> 字</span></p>

//获取文本框

var text=document.getElementById("text");

var total=30;

var count=document.getElementById("count");

//绑定键盘事件

document.onkeyup=function(){

//获取文本框长度(text文本框被取到text这个变量当中了，text.value为变量的值)

var len=text.value.length;

var allow=total-len;

if(allow<0){

//获取span标签对象

var sp=document.getElementById("sp");

//对超出的字数取绝对值

var all=Math.abs(allow);

//修改span标签内容

sp.innerHTML="您已超出"+all+"字";

}else{

//当allow>0时，直接修改b标签中的内容

count.innerHTML=allow;

}

</script>

</body>

</html>

源自：JavaScript DOM事件 4-6 编程练习

收起

2回答

好帮手慕慕子回答被采纳获得+3积分 2019-04-01 11:20:07

同学你好

text获取的是输入框， text.value是获取到输入框的输入内容。
这里由于超出的时候，改变了html结构，超出之后，就没有b这个标签了，所以当超出之后，再删除输入的内容导致allow大于0的时候，无法对b标签赋值，建议：可以直接赋值给span标签。例：

如果帮助到了你，欢迎采纳

祝学习愉快~~~~~~

伽文Sama 提问者 #1

老师帮我看下这样写可以吗？ <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>输入文本</title> </head> <body> <p>字数限制在30字内，<span id="sp">您还可以输入<b id="count">30</b> 字</span></p> <textarea cols="50" rows="7" id="text"></textarea> <script type="text/javascript"> //获取文本框 var text=document.getElementById("text"); var total=30; var count=document.getElementById("count"); //获取span标签对象 var sp=document.getElementById("sp"); //绑定键盘事件 document.onkeyup=function(){ //获取文本框长度(text文本框被取到text这个变量当中了，text.value为变量的值) var len=text.value.length; var allow=total-len; if(allow<0){ //对超出的字数取绝对值 var all=Math.abs(allow); //修改span标签内容 sp.innerHTML='您已超出<b id="count">'+all+'</b>字'; }else{ //当allow>0时，直接修改b标签中的内容 count.innerHTML=allow; } } </script> </body> </html>

2019-04-01 11:48:37
伽文Sama 提问者 #2

超出的时候我是对sp 赋值的呀，并没有对<b></b>标签赋值啊麻烦老师再仔细帮我看一下解答一和解答二。

2019-04-01 12:02:55
好帮手慕慕子回复提问者伽文Sama #3

同学你好，超出之后，改变了html结构，没有b这个标签了。　如果超出之后再删除输入的内容，allow再次小于0的时候没有ｂ这个标签了，就无法实现对ｂ标签的赋值操作了

2019-04-01 12:20:31