Question

让我们说我有div元素，里面有一些文字。有可能弄清楚文本本身的长度吗？ div的长度往往比文本内部的长度大很多？这是这种div的形象。

纯粹的JavaScript解决方案会很棒！

Answer 1

Welp，你的div是一个块元素，所以如果你使用Javascript来获取宽度，它将是整个div。我建议用<span>（内联元素）包装内部文本，然后查看跨度的宽度。

<div><span id="foo">Lorem ipsum</span></div>
<script>var width = document.getElementById('foo').offsetWidth;</script>

BTW，我刚从How do I retrieve an HTML element's actual width and height?复制了代码。

Answer 2

尝试使用div来获取div中的文本长度

<html> 
 <head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
 </script>
  <script>
    $(document).ready(function (){
      if ($('#test').text().length > 0) 
       alert($('#test').text().length);
    });
  </script> 
  </head> 
  <body> 

    <div id='test'>28</div>


  </body>
  </html>

如何在html元素中找到文本的中心

2 个答案: