textarea 计数
时间: 2023-06-07 12:07:04 浏览: 59
要计算 `textarea` 中的字符数,你可以使用 JavaScript 来实现。
具体的做法是这样的:
1. 在 HTML 中添加一个文本框,并为其添加一个 `id` 属性,以便于 JavaScript 代码可以访问它。
```
<textarea id="textarea1"></textarea>
```
2. 在 JavaScript 代码中,使用 `document.getElementById` 函数获取文本框的 DOM 对象。
```
var textarea1 = document.getElementById("textarea1");
```
3. 使用文本框的 `value` 属性来获取文本框中的文本。
```
var text = textarea1.value;
```
4. 使用 `text.length` 属性来获取文本的字符数。
```
var count = text.length;
```
5. 最后,使用 `document.getElementById` 函数获取一个元素,并将字符数赋值给它的 `innerHTML` 属性,即可在页面上显示出字符数。
```
document.getElementById("count").innerHTML = count;
```
你也可以使用 `addEventListener` 函数为文本框添加 `input` 事件监听器,在文本框内容改变时自动更新字符数。
```
textarea1.addEventListener("input", function() {
var text = textarea1.value;
var count = text.length;
document.getElementById("count").innerHTML = count;
});
```