如何修复JS控制台“指定ID不是函数”报错 实现单选切换表单显隐

控制台报「对应ID的元素不是函数」的核心原因是：浏览器会自动把带有id属性的HTML元素挂载到全局window对象上，生成同名的全局引用，直接覆盖掉你定义的同名全局函数。
你的代码里两个单选按钮分别设置了id="group"和id="single"，这两个DOM元素会覆盖你写的group()、single()全局函数。点击单选按钮触发onclick时，JS引擎找到的是对应的DOM元素，不是可执行的函数，自然抛出报错。你之前只改函数名但如果没同步修改onclick绑定、或者新改的函数名还是和页面元素id重名，就会一直碰到相同报错。
你提到的不明来源的“arm all”文本不是异常生成的内容，就是id="form2"分组表单下拉框里的两个选项文本。因为你没有给两个表单设置初始显隐状态，页面加载时两个表单会同时显示，你才会看到这部分内容。另外你定义的single函数带了id、text、btn三个形参，但实际调用时没有传参，函数内部也没用到这三个参数，不影响运行，可以直接移除。

• 第一步：解决函数名与元素id冲突问题
  最直接的方案是修改函数名，避免和单选框id重名，同步修改HTML里的onclick绑定即可。修正后的JS代码如下：

// 切换分组/单关节表单显隐
function showSingleForm() {
  const groupForm = document.getElementById('form2');
  const singleForm = document.getElementById('form1');
  groupForm.style.visibility = 'hidden';
  singleForm.style.visibility = 'visible';
}

function showGroupForm() {
  const groupForm = document.getElementById('form2');
  const singleForm = document.getElementById('form1');
  singleForm.style.visibility = 'hidden';
  groupForm.style.visibility = 'visible';
}

对应单选按钮的onclick绑定同步修改：

<input class="radio-group" type="radio" id="group" name="group-or-single" value="group" onclick="showGroupForm()">
<label class="text-group" style="color: black; padding-left: 0px;" for="group">Group</label>

<input class="radio-single" type="radio" id="single" name="group-or-single" value="single" onclick="showSingleForm()">
<label class="text-single" style="color: black; padding-left: 0px;" for="single">Single</label>

• 第二步：设置表单初始显隐状态
  给默认不显示的表单加初始隐藏样式，避免页面加载时两个表单同时露出。比如默认选中分组模式，就给单关节表单加初始隐藏属性：

<div id="form1" class="form" style="visibility: hidden;">
  <select name="sendingfrom" class="click-op2">
    <option value="group-select">waist</option>
    <option value="group-select">shoulder</option>
    <option value="group-select">elbow</option>
    <option value="group-select">wrist_angle</option>
    <option value="group-select">wrist_rotate</option>
    <option value="group-select">left_finger</option>
  </select>
</div>

改完之后点击Single单选按钮就会正常隐藏分组表单、显示单关节表单，控制台也不会再抛出对应报错。

内容的提问来源于stack exchange，提问作者Jesus Lara