[英]Seeking a selector for child elements in dom scrape
我无法更改相关网站上的任何html。
这是一些HTML:
<ul id="utility-menu" class="menu menu--primary">
<li><a class="" href="https://www.example.com/newsstand" target="_blank">Magazines</a></li>
<li><a class="" href="https://secure.bla.com/example/promo/GiveAGift/" target="_blank">Gifts</a></li>
<li>
<a href="/email_check?lang=fr">Français</a>
</li>
<li><a class="" href="/signin">Sign In</a></li>
<li>
<div class="i-am-canadian">
<img alt="Canadian flag" height="23px;" src="https://secure.example.com/assets/images/icons/ui/i-canadian-c8a132ad64588dcc0b2e61cc589dfef3.png" width="40px;">
</div>
</li>
</ul>
我设法使用以下方法选择菜单:
document.querySelectorAll('.menu--primary')[0]
我感兴趣的元素是:
<a href="/email_check?lang=fr">Français</a>
该元素是网站访问者的语言选择,将是“英语”或“法语”。
如果用户在英语页面上,则该元素的值将显示。 但是,如果使用等效的法语,则该元素将为<a href="/email_check?lang=en">English</a>
我想要一个返回“英语”或“法语”的选择器。
我该怎么办?
回答:
var el = document.querySelector('#utility-menu a[href^="/email_check?lang="').textContent;
它将首先在#utility-menu
选择一个属性href
为/email_check?lang=
a
元素。 可能您可以使用.trim()
文本来消除空格。
如果您的html不会有太大变化,则可以使用
var test = document.querySelector("ul > li > a[href='/email_check?lang=fr']");
console.log(test.textContent); // Français
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.