如何获取指定网站中特定class属性元素的文本内容？

这个需求完全可以实现，核心逻辑和你给出的伪代码思路完全匹配，具体实现方式根据使用场景不同略有区别：

浏览器同域调试场景 #

如果你是在已经打开的目标站点页面控制台直接运行代码，直接调用原生DOM API即可实现，示例代码如下：

// 等待页面DOM加载完成后运行即可
const targetElements = document.getElementsByClassName('name');
Array.from(targetElements).forEach(element => console.log(element.textContent));

该场景受浏览器同源策略限制，仅支持在当前打开的同域站点控制台运行，无法直接跨域访问其他站点内容。

服务端/本地爬虫场景 #

如果需要主动请求外部站点再提取内容，可以使用对应语言的网页抓取库实现，比如Node.js环境下可以使用puppeteer模拟浏览器访问，示例代码如下：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://www.site.com');
  // 在页面上下文执行DOM查询提取文本
  const result = await page.evaluate(() => {
    return Array.from(document.getElementsByClassName('name')).map(el => el.textContent);
  });
  console.log(result);
  await browser.close();
})();

该场景不受同源策略限制，但需要注意遵守目标站点的爬取规则、robots协议以及相关数据合规要求，避免违规操作。

浏览器扩展场景 #

如果你需要在浏览器环境中实现跨站点内容提取，可以开发浏览器扩展，申请目标站点的访问权限后，通过扩展的内容脚本注入到目标页面执行DOM查询即可，逻辑和你给出的伪代码基本一致。

内容的提问来源于stack exchange，提问作者Luciano Bezerra