如何使用document.querySelectorAll获取招聘页面岗位名称与对应链接

代码存在的问题 #

• 嵌套了两层完全相同的querySelectorAll遍历逻辑，冗余且会导致输出重复
• 链接属性名拼写错误：应为href，你代码中写的是hef，无法正确获取链接地址
• 使用innerHTML获取岗位名称容易带入多余的HTML标签内容，用innerText取纯文本更符合需求
• 目标站点的岗位链接为相对路径，直接获取无法直接访问，需要拼接站点域名生成完整URL

正确实现代码 #

function ExecuteScript() {
  let response = '';
  const sitePrefix = 'https://mckesson.wd3.myworkdayjobs.com';
  const jobTitleElements = document.querySelectorAll('a[data-automation-id="jobTitle"]');

  jobTitleElements.forEach(el => {
    const jobName = el.innerText.trim();
    const fullJobUrl = sitePrefix + el.getAttribute('href');
    response += `${jobName}\t${fullJobUrl}\n`;
  });

  return response;
}

运行该函数后会返回每行对应一个岗位的文本，岗位名称和完整URL用制表符分隔。

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