URL存在指定参数时触发按钮点击报click is not a function如何解决

报错根本原因 #

• document.getElementsByName() 方法返回的是匹配对应name属性的所有DOM元素组成的NodeList类数组集合，哪怕页面仅存在1个匹配元素，返回值仍然是集合而非单个元素，集合本身未定义click()方法，因此触发报错。
• 额外优化点：URLSearchParams.get() 匹配不到参数时返回值为null而非undefined，原有判断条件可简化。

修复方案 #

方案1：取NodeList第一个元素调用点击 #

针对你的场景页面仅存在1个对应name的按钮，直接取集合索引为0的单个元素即可，修正后代码：

const url = new URL(window.location.href);
const startCalcVal = url.searchParams.get("startCalc");
// 参数存在且值为1时触发点击
if(startCalcVal !== null && startCalcVal == 1) {
    document.getElementsByName('startCalc')[0].click();
}

方案2：用querySelector直接获取单个元素（更简洁） #

使用属性选择器直接匹配对应元素，不需要额外处理集合，同时增加DOM加载完成监听，避免JS执行时按钮还未渲染导致找不到元素的问题：

document.addEventListener('DOMContentLoaded', function() {
    const url = new URL(window.location.href);
    if(url.searchParams.get('startCalc') == 1) {
        document.querySelector('input[name="startCalc"]').click();
    }
});

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