如何使用 JSDOM (Node.js) 获取 img src答案

【问题标题】：How to get img src with JSDOM (Node.js)如何使用 JSDOM (Node.js) 获取 img src
【发布时间】：2017-07-13 10:37:20
【问题描述】：

我需要在我的字符串中找到img 标签的src：

const dom = new JSDOM('<img src="godaddy.com">',
                      { includeNodeLocations: true });
console.log(dom.window.document.querySelector("img"));

但是控制台输出是：

HTMLImageElement {}

如何获取src 属性的值？

【问题讨论】：

试试dom.window.document.querySelector("img").getAttribute('src')
dom.window.document.querySelector("img").attr('src'); ??
如果我有 2 个图像标签怎么办 ...... .?
谢谢大家，它有效，但需要 2 个 img 标签的解决方案
使用querySelectorAll() 获取元素数组，然后循环遍历它们并获取值。

标签： javascript html node.js mean-stack jsdom

【解决方案1】：

我自己没有使用过 jsdom，但假设它几乎与浏览器 dom 具有相同的 api。你可以使用这个：

const dom = new JSDOM('<img src="godaddy.com">', { includeNodeLocations: true });
console.log(dom.window.document.querySelector("img").getAttribute('src');

如果您有多个图像，那么您可以使用querySelectorAll()，它返回一个代表匹配元素集的NodeList 对象。然后，您可以遍历此列表并获取 src 值。

更多关于querySelectorAll()

【讨论】：

querySelectorAll() 返回 NodeList 而不是数组。