是否可以在Safari / Firefox / Chrome中使用
Javascript来搜索给定文本字符串的特定div容器.我知道你可以使用window.find(str)来搜索整个页面但是是否可以将搜索区域限制为div?
谢谢!
解决方法
一旦你查找你的div(你可以通过
document.getElementById
或任何其他DOM函数,various specs here),你可以使用
textContent
或
innerText
来查找该div的文本.然后你可以使用indexOf来查找其中的字符串.
或者,在较低级别,您可以使用递归函数来搜索窗口中的所有文本节点,这听起来比它复杂得多.基本上,从你的目标div(这是一个Element
)开始,你可以遍历它的childNodes
并搜索他们的nodeValue字符串(如果它们是Text
s)或递归到它们(如果它们是元素).
诀窍是一个天真的版本将无法在此标记中找到“foo”:
<p><span>fo</span>o</p>
…因为两个Text节点中都没有一个带有“foo”的nodeValue(其中一个有“fo”,另一个有“o”).