老师这样写可以嘛

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> 字数限制在30字内，您还可以输入30 字 <textarea cols="50" rows="7" id="text"></textarea> <script type="text/javascript"> var text_t = document.getElementById('text'); var b = document.getElementsByTagName('b')[0]; var span = document.getElementsByTagName('span')[0]; var sum = 30; text_t.onkeypress = function () { sum--; if(sum<=30 && sum >=0){ b.innerHTML = sum; }else{ span.innerHTML = '您已经超出了'+(-sum)+'字'; } } </script> </body> </html> 

咸鱼王派大星 2021-03-31

源自：DOM 4-10 编程练习

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2021-03-31 16:13:09

同学你好，当内容回删的时候内容长度不会改变

这是因为超出的时候没有了b标签，所以回删的时候无法在b标签中添加内容。

建议：

1、使用onkeyup事件，文字显示的时候是在onkeyup阶段，才能正确获取长度

2、只对sum进行操作不对，需要让sum和内容长度去计算

3、在没有30字的时候也改变span内容

参考修改：

祝学习愉快！

收起回答

咸鱼王派大星提问者 #1

老师那这个text_t.value.lenth是可以直接拿到已经输入内容的长度嘛，

2021-04-01 09:19:15
好帮手慕星星回复提问者咸鱼王派大星 #2

你好，是的哦，text_t.value获取已输入内容，length属性获取长度。

2021-04-01 09:58:47