js通过节点文案找对应元素

XPath是一种用于在XML和HTML文档中进行导航和查找的语言。我们可以使用XPath表达式来定位元素，并根据元素的文本内容来判断是否为目标元素。
我们需要创建一个XPath表达式，通过元素的文本内容来定位元素。然后，我们可以使用document.evaluate方法来执行XPath表达式，并得到匹配的元素。代码示例如下:

var targetText  = 'XXX';
var name = prompt("请输入你的文案", targetText ); // 显示默认文本 "Keafmd"
if (name != null && name != "") {  targetText = name };
var xpathExpression = `//*[text()='${targetText}']`;
var xpathResult = document.evaluate(xpathExpression, document, null, XPathResult.ANY_TVPE, null);
var targetElement = xpathResult.iterateNext();
console.log(targetElement);
targetElement.click();

在上述代码中，我们使用了"//[text()='目标文本"这个XPath表达式来定位元素。其中，"//"表示选择所有元素，"[text()='目标文本']"表示选择文本内容为"目标文本"的元素。通过document.evaluate方法执行XPath表达式后，可以通过xpathResult.iterateNext方法来获取匹配的第一个元素。

总结:
本文介绍了三种常见的方法来根据元素文本查找元素，分别是使用querySelectorAll方法、Array.prototype.filter方法和XPath。这些方法都能够实现根据元素文本查找元素的功能，具体使用哪种方法取决于具体的需求和场景。希望本文对你在前端开发中的元素查找工作有所帮助。