如何使用XPATH和JavaScript选择匹配元素内部文本的一部分的元素
<a class="cmp-CompanyLink"
href="http://www.aig.com/careers"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>AIG website</a>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>Hello Plunker!</h1>
<div class="cmp-AboutMetadata-itemInner">
<div class="cmp-AboutMetadata-itemTitle">Website</div>
<div class="cmp-AboutMetadata-itemCotent">
<a
class="cmp-CompanyLink"
href="https://twitter.com/AIGinsurance"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>Twitter</a
>
<br />
<a
class="cmp-CompanyLink"
href="https://www.facebook.com/AIGInsurance"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>Facebook</a
>
<br /><a
class="cmp-CompanyLink"
href="https://twitter.com/AIGinsurance"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>Twitter</a
><br /><a
class="cmp-CompanyLink"
href="https://www.facebook.com/AIGInsurance/"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>Facebook</a
><br /><a
class="cmp-CompanyLink"
href="https://www.linkedin.com/company/aig"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>LinkedIn</a
><br /><a
class="cmp-CompanyLink"
href="https://www.instagram.com/aigrugby/"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>Instagram</a
><br /><a
class="cmp-CompanyLink"
href="https://www.youtube.com/user/AIG"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>YouTube</a
><br /><a
class="cmp-CompanyLink"
href="http://www.aig.com/careers"
target="_blank"
rel="nofollow noopener"
data-tn-link="redirect"
data-tn-element="companyLink"
>AIG website</a
><br /><a
data-tn-action-click="true"
data-tn-element="less-link"
href="#"
>less</a
>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
var link = document.evaluate("//а[@class='cmp-CompanyLink' and contains(text(), 'website')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
document.body.innerHTML += "<br />Result:<br />";
document.body.innerHTML += link.singleNodeValue;
if(link.singleNodeValue){
const result = "<br /> found: " + link.singleNodeValue.textContent;
document.body.innerHTML += result;
}
我不确定这里的错误是什么。关于为什么链接是空的有什么想法吗？如何获得正确的节点？
共有1个答案
您的XPath似乎包含一个西里尔字符“a”（在//a中）：
https://www.fileformat.info/info/unicode/char/0430/index.htm
只要把它换成一个正常的，它应该可以工作。
//a[starts-with(.,"AIG")]/@href
-
但是..我可以跳过HTML，直接访问输入元素吗…好像？
-
问题内容： 我有一个复杂的html结构，其中包含许多表和div ..而且结构可能会更改。如何通过跳过两者之间的元素来查找xpath。例如 ： 我必须获取有关“名字”范围的输入元素 例如： 但是..我可以跳过htmls之间的内容并直接访问输入元素吗？ 问题答案： 您可以尝试以下Xpath： 说明： 选择元素： 然后在上方元素旁边获取元素： 然后在上面第二步中选择的元素内获取元素：
-
问题内容： 我对CSS选择器有疑问。仅当在具有类名的a中时，如何选择具有特定类名的a ？这个CSS类在其他地方使用，我不想在任何地方更改样式。 问题答案： 只需在父元素和后代元素之间使用CSS后代选择器（空格）即可： 在这种情况下，仅适用于Class的规则，前提是其祖先是该Class的规则。相反，您可以使用直接子组合器，但是您必须指定与每个父/祖先的关系，直到需要其类的父子/祖先，这可能很难维护C
-
问题内容： 我想基于内部HTML使用CSS选择器设置仅第二个样式（innerHTML2）。这可能吗？我试过使用，但似乎不起作用。 问题答案： 使用CSS不可能做到这一点。但是，您可以使用jQuery。
-
问题内容： 我有一个GWT应用程序，正在尝试使用Selenium编写一些测试。 我正在使用XPath来标识测试页面上的元素。使用将无效，因为这些值是由GWT自动生成的，并且可以更改。当我意识到我可以按其标签找到按钮时，事情进展顺利，如下所示： 但是，当我开始运行多个测试时，我开始遇到问题。我意识到问题是，一旦Javascript生成的GWT应用程序的所有不同“页面”都保留在HTML中的隐藏元素中。
-
我正在尝试解析下面的xml以根据某些条件获取ScId元素值。此条件在xpath字符串中提及，然后在xpath Next字符串中选择ScId值。 我使用VTD xml解析器使用嵌套的xpath查询来获取ScId值，该值以RC开头，类型=Daycare。 下面是代码 解析逻辑是 这是我的回报 解析值为SC101-91-new 虽然我期待它是 解析值为RC101-92-新