js统计div内文字数量，直接在下面显示那种的

Question

统计一个div的文字数量。

床前明月光，疑是地上霜。举头望明月，低头思故乡。

显示为：
床前明月光，疑是地上霜。举头望明月，低头思故乡。
共计：20字

Answer 1

可以使用以下代码实现：

HTML代码：

<div id="myDiv">
  床前明月光，疑是地上霜。举头望明月，低头思故乡。
</div>
<p id="wordCount"></p>

JavaScript代码：

const myDiv = document.getElementById('myDiv');
const wordCount = myDiv.textContent.length;
const display = `共计：${wordCount}字`;
document.getElementById('wordCount').textContent = display;

解释：首先获取要统计的div元素，然后使用textContent属性获取div内的文本内容，并使用length属性计算文本长度（即文字数量）。接着构造要显示的字符串，使用插值语法${wordCount}将统计得到的字数插入字符串中。最后将结果显示在页面上的指定元素中，这里使用了一个<p>标签，其id为wordCount。