老师麻烦看下为什么实现不了

来源:4-10 编程练习

weixin_慕仔7472133

2022-02-14 18:17:04

<html>

    <head>

    <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 otext=document.getElementById('text');

    var span=document.getElementsByTagName('span');

    text.oninput=function(){

        var cot=text.value;

        var len=cot.length;

        if(len>30){

            span.innerHTML='已超出<b>'+(len-30)+'</b>字';

        }else{

            span.innerHTML='您还可输入<b>'+(30-len)+'</b>字';

        }

    }

    

//补充代码

</script>

</body>

</html>


写回答

1回答

好帮手慕然然

2022-02-14

同学你好,代码存在以下几点问题:

1、绑定oninput事件的元素使用有误,应该是otext

2、 document.getElementsByTagName()方法的返回结果是一个类数组对象,需要使用[下标值]的方式获取到具体的DOM元素

3、小括号使用有误:应该使用英文状态下的符号

https://img.mukewang.com/climg/620a2faa09535dbc18500701.jpg

祝学习愉快!

0
heixin_慕仔7472133
hp>老师好了,没事了

h022-02-14
共3条回复

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程