如何用NodeJS获取HTML中动态赋值的只读输入框值？

问题根源 #

你遇到的核心问题是：输入框的value是浏览器端JavaScript动态赋值的，而after-load、Cheerio这类工具只能抓取页面的静态HTML源码，不会执行页面中的前端JS代码。静态源码里并没有这个动态生成的值，自然无法获取到；而浏览器控制台能拿到结果，是因为浏览器已经执行了页面所有JS，完成了动态渲染。

解决方案 #

使用jsdom模拟完整的浏览器环境，让页面的JavaScript代码执行，就能获取到动态生成的输入框值。具体实现如下：

代码示例 #

const { JSDOM } = require("jsdom");

// 加载目标URL并执行页面脚本
JSDOM.fromURL('your-target-url', {
  runScripts: "dangerously", // 开启脚本执行权限（仅信任目标页面时使用）
  resources: "usable", // 允许加载页面依赖的外部资源（如JS文件）
  waitUntil: "networkidle0" // 等待网络空闲（所有请求完成）再处理
}).then(dom => {
  // 从模拟的浏览器window对象中获取元素值
  const inputValue = dom.window.document.getElementById("link-discord").value;
  console.log("获取到的输入框值：", inputValue);
}).catch(err => {
  console.error("页面加载失败：", err);
});

额外说明 #

• 如果页面的动态赋值逻辑有延迟，可在获取值的代码外包裹setTimeout来等待渲染完成。
• runScripts: "dangerously"会执行页面中的所有JS代码，若目标页面不可信，存在安全风险，需谨慎使用。

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