Javascript 如何找到html内容的高度

我试图将10个html页面显示为一个文档，包含10个章节。 我使用Webkitgtk+引擎来呈现HTML页面。 我正在获取每个html文件的内容，并将它们连接起来以创建一个
单个“字符*内容”和使用 webkit_web_视图_加载_html_字符串（WebKitWebView*web_视图， 常量gchar*内容，常量gchar*基本uri）； 此函数用于将所有HTML文件作为文档加载

现在我正试图为这个文档建立一个“目录（toc）”，它按顺序显示所有章节的名称。我的要求是，当我点击toc中的特定章节时，文档应该滚动到该点。为此，我需要知道每个章节的高度（每个html文件内容的高度）

这里需要注意的一点是，文档的宽度可以改变，因为HTML是可回流的，宽度增加，高度减少，反之亦然。因此，每当高度发生变化时，我需要找出每个HTML页面（或章节）的当前高度，从而计算要滚动的距离

---

如何动态地找出HTML页面内容的高度？感谢您的回答……

为什么不在章节之间放置命名锚定标签并链接到这些标签

<a name='chapter_3'>&nbsp;</a>

您可以使用Javascript获取div的高度。因此，将每个聊天者包装在一个div中，给它一个名称或类名，然后使用Javascript查找div的高度。

或

，其中蟾蜍先生获得了一个新的透视图（这比链接到…空格更有意义）。是的，无论对目录有什么意义。我还假设章节中已经有标记和内容来表示章节标题等。如果他只是把章节粘在一起，插入空白锚定要比尝试将锚定环绕在每个部分前面的内容更容易。在现代浏览器中，您可以链接到任何具有ID属性的内容。不再需要
。好吧，我不能这样做，因为我的目录不包括在同一个文档窗口中，但它在不同的窗口中，比如文档窗口的左侧（像任何pdf阅读器、epub阅读器、adobe digital edition等）。
  <li>
    <a href='#chapter_3'>Wherein Mr. Toad Gains A Fresh Perspective</a>
  </li>