使用js操作xpath

最新推荐文章于 2024-07-17 15:26:15 发布

魔力军

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量764

点赞数 2

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_45550881/article/details/137150784

版权

本文详细介绍了如何在JavaScript中定义和使用XPath来解析HTML文档，包括获取元素文本、点击元素、获取value值以及XPath表达式的转换和元素定位等常见操作。

摘要由CSDN通过智能技术生成

使用Js操作xpath

定义一个xpath

var xpath = '//a[@class="router-link-exact-active router-link-active"]';

创建xpath,解析网页

// 创建 DOMParser 对象
var parser = new DOMParser();

// 将 HTML 字符串转换为 DOM 对象
var doc = parser.parseFromString(document.documentElement.outerHTML, 'text/html');

常见的操作

// 获取元素文本
var elem = doc.evaluate(xpath, doc, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
var content = elem.textContent;

// 点击元素
doc.evaluate('xpath定位表达式', document).iterateNext().click();

// 获取value值
doc.evaluate('xpath定位表达式', document).iterateNext().value();

// xpath定位转为js
doc.evaluate('xpath定位表达式', document).iterateNext();

// 定位到元素
doc.evaluate('xpath定位表达式', document).iterateNext().scrollIntoView();