C#调用MS Edge执行JS点击嵌套标签提取文本失效问题求助

API 探路者

2026-9-25

问题解答

1. 失效代码原因及正确代码

失效原因

选择器语法错误：你写的querySelector('div[style=""display: block;""')缺少闭合的中括号，且依赖style属性匹配非常不稳定，页面只要调整style格式（比如多空格、新增其他样式规则）就会匹配失败。
元素匹配逻辑问题：点击外层标签后DOM会更新，直接按索引取元素容易拿到未更新的旧DOM节点，导致点击不生效、取文本返回空。
层级查找错误：你当前查找d3p-name的层级逻辑和页面实际DOM结构不匹配，找不到对应元素就会返回null。

正确代码

内层标签数量获取（优化稳定版）

document.querySelectorAll('.advgb-tabs-wrapper')[{i}].querySelectorAll('.advgb-tab-body-active .d3p-mode').length;

内层标签点击代码

const activeTabBody = document.querySelectorAll('.advgb-tabs-wrapper')[{i}].querySelector('.advgb-tab-body-active');
const innerTabs = activeTabBody.querySelectorAll('.d3p-mode');
if (innerTabs[{k}]) {
  // 主动触发冒泡点击事件，避免原生click不生效
  innerTabs[{k}].dispatchEvent(new Event('click', { bubbles: true }));
}

内层标签文本提取代码

const activeTabBody = document.querySelectorAll('.advgb-tabs-wrapper')[{i}].querySelector('.advgb-tab-body-active');
const innerTabs = activeTabBody.querySelectorAll('.d3p-mode');
if (innerTabs[{k}]) {
  return innerTabs[{k}].querySelector('.d3p-name').textContent.trim();
}
return '';