统计一个div的文字数量。
显示为：
床前明月光，疑是地上霜。举头望明月，低头思故乡。
共计：20字
可以使用以下代码实现：
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。
【以下回答由 GPT 生成】
这是一个使用JavaScript统计div内文字数量并显示出来的解决方案：
<div id="myDiv">床前明月光，疑是地上霜。举头望明月，低头思故乡。</div>
<p id="result"></p>
<script>
// 获取div元素
var divElement = document.getElementById("myDiv");
// 获取div内的文字内容
var text = divElement.innerHTML;
// 统计文字数量
var count = text.length;
// 创建要显示结果的字符串
var resultString = "床前明月光，疑是地上霜。举头望明月，低头思故乡。<br />共计：" + count + "字";
// 将结果显示在页面上
var resultElement = document.getElementById("result");
resultElement.innerHTML = resultString;
</script>
在上述代码中，我们首先通过getElementById方法获取了具有特定id的div元素，然后使用innerHTML属性获取其内部的文字内容。接下来，我们通过length属性获取文字数量，然后将结果拼接到一个字符串中，并将其赋值给具有特定id的p元素的innerHTML属性，以便在页面上显示出来。
请注意，如果div元素中包含HTML标记，比如<br>，则这些标记也会被计算在内，并且也会显示在结果中。如果你只想统计纯文字数量，可能需要对获取到的文字内容进行一些处理。
【相关推荐】