获取页面中的第三个链接 - JavaScript示例
要获取class='d-on'的下下个链接,即从class='d-on'的连接开始数的第三个链接,可以使用以下方法:
- 首先找到class='d-on'的链接所在的li元素,可以使用CSS选择器'.d-on'来选择该元素。
- 然后获取该li元素的下一个兄弟元素,可以使用nextSibling属性来访问下一个兄弟节点。
- 再次获取下一个兄弟元素,即class='d-on'的下下个链接所在的li元素。
- 最后在该li元素中找到a元素,即第三个链接。
以下是使用JavaScript的示例代码:
// 获取class='d-on'的链接所在的li元素
var currentLi = document.querySelector('.d-on');
// 获取下一个兄弟元素
var nextLi = currentLi.nextSibling;
// 获取下下个链接所在的li元素
var nextNextLi = nextLi.nextSibling;
// 在下下个li元素中找到a元素
var thirdLink = nextNextLi.querySelector('a');
// 获取链接的文本内容
var thirdLinkText = thirdLink.innerText;
// 获取链接的URL
var thirdLinkUrl = thirdLink.getAttribute('data-url');
console.log(thirdLinkText); // 输出链接的文本内容
console.log(thirdLinkUrl); // 输出链接的URL
请注意,以上示例代码假设你已经在HTML页面中添加了相关的元素,并且运行代码时,相关的元素已经加载到DOM中。
原文地址: https://www.cveoy.top/t/topic/coOF 著作权归作者所有。请勿转载和采集!