JavaScript:给定 DOM，找到最大的一段连续文本(内容部分)

Question

目标是在文档中找到最大的连续文本。问题是最大的一 block 不在单个元素下，例如一篇博客文章 <p>在其中标记以便迭代节点并比较 innerHTML s 是行不通的。通过获取 innerText对于一个元素，根节点总是包含最大的文本。那么应该如何实现呢？

谢谢

Answer 1

你的问题可能会很复杂，因为如果有一个 div包含 2 个单词，加上另一个 <p>在div里面里面有200个字，那你算div吗？有 202 个单词，还是算 p有 200 个单词，因此是最大的？

如果 p 有 4 个边框, 那么说它是 p 是有意义的200字。如果没有边框，那么说它是 div 是有道理的202个单词。

你可以尝试写一个函数向下遍历一个节点，如果有block元素有 4 个边框，则不包括字数。

如果有 float ，事情会更复杂 div s，设置为 display:inline解决 IE 6 错误。或者如果有边框，但颜色与包含div的背景颜色相同.

如果您不关心内部元素是否有边框，那么可以尝试查看 body 的直接子元素，并找出其中有多少个字符(所有后代下的文本总和，可能使用 innerText 或 innerHTML 并去除所有标签)。

如果您正在寻找内容部分，您可能还会考虑寻找具有最大面积(宽度 x 高度)的最大元素，除非左侧和右侧有一个长而窄的侧边栏或广告部分，并且内容范围很广，但确实很短。