老师这样写可以嘛

<!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>
    <p>字数限制在30字内，<span>您还可以输入<b>30</b> 字</span></p>
    <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