Javascript .querySelector通过innerTEXT查找<div>

Question

如何找到带有特定文本的DIV？例如：<div>SomeText, text continues.</div>尝试使用这样的东西：var text = document.querySelector('div[SomeText*]').innerTEXT;alert(text);但是，当然它是行不通的。我该怎么做？

Answer 1

OP的问题是关于普通JavaScript而不是jQuery的。尽管答案很多，而且我喜欢@Pawan Nogariya的答案，请检查此替代方法。

您可以在JavaScript中使用XPATH。有关MDN文章的更多信息，请点击此处。

该document.evaluate()方法评估XPATH查询/表达式。因此，您可以在此处传递XPATH表达式，遍历HTML文档并找到所需的元素。

在XPATH中，您可以通过文本节点选择一个元素，如下所示，该元素将获得div具有以下文本节点的元素。

//div[text()="Hello World"]

要获取包含一些文本的元素，请使用以下命令：

//div[contains(., 'Hello')]

contains()XPATH中的方法将节点作为第一个参数，将要搜索的文本作为第二个参数。

在这里检查这个问题，这是在JavaScript中使用XPATH的示例

这是一个代码片段：

var headings = document.evaluate("//h1[contains(., 'Hello')]", document, null, XPathResult.ANY_TYPE, null );

var thisHeading = headings.iterateNext();

console.log(thisHeading); // Prints the html element in console

console.log(thisHeading.textContent); // prints the text content in console

thisHeading.innerHTML += "<br />Modified contents";  

如您所见，我可以获取HTML元素并根据需要对其进行修改。