如何限制Javascript的window.find到特定的DIV？

Question

是否可以在Safari/Firefox/Chrome中使用Javascript来搜索给定文本字符串的特定div容器.我知道您可以使用window.find(str)搜索整个页面,但是可以将搜索区域限制为仅限div吗？

谢谢!

Answer 1

一旦你查找了div(你可以通过document.getElementById或任何其他DOM函数,这里的各种规范),你可以使用textContent或innerText找到它的文本div.然后你可以用它indexOf来找到那个字符串.

或者,在较低级别,您可以使用递归函数来搜索窗口中的所有文本节点,这听起来比它复杂得多.基本上,从你的目标div(这是一个Element)开始,你可以循环遍历它childNodes并搜索它们的nodeValue字符串(如果它们是Texts)或递归它们(如果它们是Elements).

诀窍是一个天真的版本将无法"foo"在此标记中找到:

<p><span>fo</span>o</p>

...因为两个Text节点中都没有一个nodeValuewith "foo"(其中一个有"fo",另一个有"o").