使用 JavaScript 获取不可见文本

Question

假设我们有以下代码：

<div id="test" style="width:200px; height: 200px; overflow: hidden;">
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus 
   ipsum diam, cursus ornare eleifend quis, posuere id sapien. Vestibulum
   et mattis augue. Nulla facilisi. Sed rhoncus facilisis commodo. Sed mattis 
   commodo lorem, quis varius est facilisis eget. Integer at nunc metus. 
   Fusce augue odio, elementum et hendrerit vitae, malesuada at urna.</p>

   <p>Consectetur adipiscing elit. Vivamus lorem ipsum dolor sit amet, 
   ipsum diam, cursus ornare eleifend quis, posuere id sapien. Vestibulum
   et mattis augue. Nulla facilisi. Sed rhoncus facilisis commodo. Sed mattis 
   commodo lorem, quis varius est facilisis eget. Integer at nunc metus. 
   Fusce augue odio, elementum et hendrerit vitae, malesuada at urna.</p>

   <p>Sed rhoncus facilisis commodo. Sed mattis lorem ipsum dolor sit amet, 
   consectetur adipiscing elit. Vivamus ipsum diam, cursus ornare eleifend 
   quis, posuere id sapien. Vestibulum et mattis augue. Nulla facilisi. 
   commodo lorem, quis varius est facilisis eget. Integer at nunc metus. 
   Fusce augue odio, elementum et hendrerit vitae, malesuada at urna.</p>
</div>

结果将是一个剪裁的文本。

有没有办法将不可见的文本作为子字符串？

我试过了

$("#test :hidden").text();

和

$('#test').children(":hidden").text()

没有成功。

我试图在不滚动的情况下显示文本页面。我有大量文本（html 格式）和固定大小的 div（文本页面）。我想对上面的文字进行分页，每次只显示一页文字。

Answer 1

There is a good answer on this topic already, it provides the javascript you'd need to do this. 就像那里的受访者一样，如果可以的话，我会说找到另一种方法。

Answer 2

您可以使用诸如 Lucida Console 或 Courier New 之类的等宽字体，并根据内容区域中的静态字符数拆分字符串。