Chrome/Edge XPath 提取 HTML 上下文节点

陈it

已于 2023-03-04 10:54:02 修改

阅读量519

点赞数

CC 4.0 BY-SA版权

分类专栏：数据效率文章标签： chrome 前端 javascript xpath 爬虫

于 2023-03-04 10:35:14 首次发布

本文链接：https://blog.youkuaiyun.com/xchenhao/article/details/129331296

效率同时被 2 个专栏收录

12 篇文章

订阅专栏

数据

6 篇文章

订阅专栏

该文章介绍了一个JavaScript函数，用于在控制台通过XPath表达式提取DOM节点。示例展示了如何查找包含特定类名的`<a>`标签，以及获取其子`<div>`的内容和`href`属性值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在控制台 console 输入下述函数，即可通过 xpath 提取 $x(...) 的上下文

const xpath = function (xpath, context=document) {
  var nodes = [];
  try {
    var doc = (context && context.ownerDocument) || window.document;
    var results = doc.evaluate(xpath, context || doc, null, XPathResult.ANY_TYPE, null);
    var node;

    while (node = results.iterateNext()) {
      nodes.push(node);
    }
  } catch (e) {
    throw e;
  }
  return nodes;
}

示例

$x('//a[contains(@class,"meeting-list-item")]').map(
	x => console.log(
		xpath('.//div[contains(@class, "content")]/text()', x)[0].nodeValue
		,xpath('./@href', x)[0].nodeValue)
)