获取textarea每行字数

你可以使用 JavaScript 中的 split() 方法来获取 textarea 中每行的字数。以下是一个示例代码：

const textarea = document.getElementById("myTextarea");
const lines = textarea.value.split("\n");

for (let i = 0; i < lines.length; i++) {
  console.log(`Line ${i + 1} has ${lines[i].length} characters.`);
}

在这个例子中，我们首先获取了 id 为 "myTextarea" 的 textarea 元素，并使用 split() 方法将其内容按照换行符分割成行数组。然后，我们遍历每一行，使用 length 属性获取每一行的字符数，并输出到控制台中。

相关问题

获取textarea一行字数

您可以使用 JavaScript 中的 `value` 属性获取 textarea 中的文本内容，并结合字符串的 `split()` 方法将其分割成行数组，最后计算每行的字符长度即可。以下是示例代码：

// 获取 textarea 元素
const textarea = document.querySelector('textarea');

// 获取文本内容并分割成行数组
const lines = textarea.value.split('\n');

// 计算每行的字符长度
const lineLengths = lines.map(line => line.length);

// 输出每行的字符长度
console.log(lineLengths);

您也可以在计算每行字符长度时，加入一些限制条件，如最大字符数等等。

textarea限制输入字数

可以通过 JavaScript 来实现 textarea 的输入字数限制，具体步骤如下：

1. 给 textarea 元素添加一个 id 或 class，例如：

<textarea id="myTextarea"></textarea>

2. 在 JavaScript 中获取该元素，并监听其输入事件：

const textarea = document.getElementById('myTextarea');

textarea.addEventListener('input', function() {
  // 在这里编写限制输入字数的逻辑
});

3. 在事件监听函数中，获取 textarea 的输入内容并统计字符数：

const content = textarea.value;
const length = content.length;

4. 如果字符数超过了限制，可以通过 substring 方法截取前面的一部分字符：

if (length > limit) {
  textarea.value = content.substring(0, limit);
}

完整的代码示例：

<textarea id="myTextarea"></textarea>

<script>
const textarea = document.getElementById('myTextarea');
const limit = 100; // 限制输入字数

textarea.addEventListener('input', function() {
  const content = textarea.value;
  const length = content.length;

  if (length > limit) {
    textarea.value = content.substring(0, limit);
  }
});
</script>