如何自动化点击无ID折叠链接以展开更多信息
解决方法
你之前的操作有两个问题:一是用getElementById('#myCollapse')时多写了#,二是你选中的是折叠面板的div,而不是触发展开的「More Details」链接。下面是几种能直接复制到Chrome控制台运行的代码:
- 方法一:通过href属性定位链接
document.querySelector('a[href="#myCollapse"]').click();
querySelector支持用CSS选择器找元素,这里精准定位到href属性为#myCollapse的<a>标签,调用click()就能模拟点击。
- 方法二:通过父容器定位链接
document.querySelector('#popup-content a').click();
因为#popup-content容器里只有这一个<a>标签,直接选中容器下的a标签即可点击。
- 方法三:通过链接文本定位
Array.from(document.querySelectorAll('a')).find(el => el.textContent.trim() === 'More Details').click();
先找出页面所有<a>标签,再筛选出文本内容为「More Details」的那个,适合链接文本唯一的场景。
如果是用自动化工具(比如Selenium),思路完全一致,用对应工具的选择器方法定位这个a元素再执行点击即可。
内容的提问来源于stack exchange,提问作者Stevo
相关产品推荐
相关产品推荐

