老师麻烦看下为什么实现不了
来源: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、小括号使用有误:应该使用英文状态下的符号

祝学习愉快!
相似问题