You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

自动化测试中如何用JavaScript通过按钮type而非id模拟点击?

解决方法:通过type属性模拟点击按钮

没问题!针对你遇到的这种仅带有type="submit"属性的按钮,不管用原生JavaScript还是调整后的jQuery,都能实现模拟点击。我给你几个实用的方案:

原生JavaScript方案(推荐,无需依赖库)

原生JS的querySelector方法支持CSS属性选择器,直接定位到目标按钮后调用click()方法即可:

// 定位第一个type为submit的button并点击
document.querySelector('button[type="submit"]').click();

如果页面上存在多个type="submit"的按钮,还可以结合按钮文本进一步精准定位(你的按钮文本是"Go"):

// 遍历所有submit按钮,找到文本为"Go"的那个并点击
const submitButtons = document.querySelectorAll('button[type="submit"]');
for (const btn of submitButtons) {
  if (btn.textContent.trim() === 'Go') {
    btn.click();
    break;
  }
}

jQuery方案(修正你之前的问题)

你之前用jQuery失败,大概率是没确保代码在元素加载完成后执行,或者选择器写法有误。正确的写法如下:

// 确保DOM加载完成后执行
$(document).ready(function() {
  // 定位type为submit的button并点击
  $('button[type="submit"]').click();
  
  // 如果需要精准匹配文本为"Go"的按钮,用这个:
  // $('button[type="submit"]:contains("Go")').click();
});

额外小技巧

若按钮属于某个表单,也可以直接触发表单的提交事件,效果和点击按钮完全一致:

// 定位按钮所在的表单并提交
document.querySelector('button[type="submit"]').form.submit();

内容的提问来源于stack exchange,提问作者Asia Kihn III

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 08:35:57