怎么用js获取div里面的文字段的文字数?

Posted 2023-03-27

<div id="div1">aaaaaaaaaaaaaaaaaa</div>
var str=document.getElementById("div1");
alert(str.length);

str.length即文字的文字数

参考技术A <div id="div1">sdfd斯蒂芬森的</div>
vat testLength = document.getElementById('div1').value.length; 参考技术B <div id='div1'>asadsafas</div>
<script>
var div=document.getElementById("div1").value;
alert(div.length);
</script>本回答被提问者和网友采纳 参考技术C <script>
var div=document.getElementById("DIV_ID").value;
document.write(div.lenght)
</script> 参考技术D <div id='div1'>asadsafas</div>
<script>
var divhtml=document.getElementById("div1").innerText; //获取html内容
alert(divHtml.length);
var divText=document.getElementById("div1").innerText; //获取text文本内容
alert(divText.length);

</script>

div标签内的文本会自动换行,span则不会。

参考技术A 首先，你要理解css的块级元素和内联元素，以及它们的区别。（这个知识点你自己百度找篇文章看下应该就明白了）
div是块级元素，span是内联元素。

其次，中文的排版和英文的排版是不一样的，英文需要手动处理换行。你可以将一串英文字母放在div里尝试一下，它是不会自动换行的。

div块级元素，有宽高限制，中文会自动换行。

span内联元素，没有宽高限制（即便你给它设置了宽高），不会自动换行。
但是如果你通过 display:block 将span标签转为块级元素，那么你给它设置宽高就会生效，那么它也会自动换行。