触发onclick事件js报错 Uncaught TypeError: addVouchers is not a function at HTMLButtonElement.解决方法

最新推荐文章于 2025-06-04 19:12:01 发布
最新推荐文章于 2025-06-04 19:12:01 发布
阅读量7.3k 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinat_35960326/article/details/82719067
本文介绍了一个常见的JavaScript错误：当button按钮的id与onclick事件中调用的函数名相同时，导致的UncaughtTypeError异常。文章提供了详细的错误信息及解决方法，帮助读者快速定位并修复此类问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    HTML代码
                     <tr>
                        <td colspan="6" style="width:70%;" class="modity">担保信息&nbsp;&nbsp;</td>
                        <td colspan="2"style="width:30%;" class="modity cushion">
                            <button type="button" id="addVouchers" onclick="addVouchers()" style="width:100px;">添加担保信息</button>
                        </td>
                     </tr>

点击【添加担保信息】按钮，页面无反应，F12，发现JS报错。

报错信息如下：

Uncaught TypeError: addVouchers is not a function at HTMLButtonElement.onclick

报错原因：button按钮绑定的onclick事件中的函数名与 button标签中的 id 或者 name 重复。

解决方法：改掉onclick触发的函数名或者改掉button标签的id 或者name 均可。

Uncaught TypeError: test is not a function at HTMLButtonElement.onclick解决方法
weixin_37974649的博客
02-27 1万+
当js运行时报错Uncaught TypeError: test is not a function at HTMLButtonElement.onclick如下面代码： &lt;form action=""&gt; &lt;button type="button" onclick=test() id="test"&gt;搜索&lt;/button&gt; &lt;/form&gt;
is not a function at HTMLInputElement.onclick
wanggouxuan的博客
01-19 5278
** 心得 ** 在学习JS的时候突然一个简单的onclick函数都报错了， 报的错误是”xxx“ is not a function at HTMLInputElement.onclick 一开始以为是ID没有对应上，结果一查发现onclick中的函数名和当前的id不能重复 <button type="button" class="btn btn-info" id="showCheck" ...
如何在 HTML 中添加按钮
爱编程的鱼的博客
06-04 1731
本文介绍了HTML中添加按钮的两种主要方法：使用<button>标签和<input>标签，并详细说明了两者的基本语法和常用属性。文章还讲解了三种按钮样式定制方式（内联样式、内部样式表和外部样式表）以及如何通过JavaScript添加交互效果。最后提供了一个完整的按钮示例，展示了样式与功能的结合应用。这些内容可以帮助开发者快速掌握HTML按钮的创建与定制技巧。
触发onclick事件js报错 Uncaught TypeError: loginOut is not a function at HTMLButtonElement.解决方法
蓝墨の学习笔记
05-13 1145
id和方法名字一样造成冲突，修改其中一个即可。
JavaScript中onClick传递对象参数出现错误：uncaught SyntaxError:Unexpected identifier
越界的博客
08-09 5941
JavaScript中onClick传递对象参数出现错误：uncaught SyntaxError:Unexpected identifier 在使用EasyUI的datagrid（数据表格），给特定的单元格onClick事件，点击单元格获取该单元格所在行的数据时会报Sncaught SyntaxError: Unexpected identifier错误。 经过排查，onclick（对象）这种...
JS异常处理：Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick
有范管理美学 | 公众号/头条号：有范管理美学
01-09 7万+
JS异常处理：Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick  ---- 关于标签调用onclick中的方法无效的原因 今天在优化别人写的代码时，出了个错误。 原代码如下，我想把href属性函数改为onclick事件 a href="javascript:search();
umi.ts:28 [Mako] Runtime error found, and it will cause a full reload. If you want HMR to work, please fix the error. ErrorEvent react-dom.development.js:4312 Uncaught TypeError: onSelectedItemChange is not a function at showDetail (index.tsx:29:5) at onClick (index.tsx:132:32)
最新发布
07-30
首先，用户的问题是关于Umi和Mako的运行时错误："runtime error causes full reload onSelectedItemChange is not a function"。错误信息是"onSelectedItemChange is not a function"，导致页面全量重载。 用户提到...
5.8.js:26 Uncaught TypeError: Cannot read properties of undefined (reading 'parentNode') at dle (5.8.js:26:20) at HTMLButtonElement.onclick (20.html:1:1)
05-09
在 JavaScript 中，`Uncaught TypeError: Cannot read properties of undefined (reading 'parentNode')` 表明正在尝试读取一个未定义对象的 `parentNode` 属性。这种错误通常由以下几种情况引发： 1. **对象未正确...
Uncaught TypeError: file.getMetadata(...).appendChild is not a function
03-19
好的，用户遇到了一个JavaScript错误：“Uncaught TypeError: file.getMetadata(...).appendChild is not a function”。我需要先理解这个错误的原因，然后给出解决方案。 首先，用户使用了FilePond库，并在`add...
获取元素.html:38 Uncaught TypeError: Cannot set properties of undefined (setting 'onclick')
04-24
当在 JavaScript 中尝试给某个对象设置 `onclick` 属性时，如果遇到 **Uncaught TypeError: Cannot set properties of undefined (setting 'onclick')** 的错误，通常是因为目标对象未正确定义或访问不到。...
Uncaught TypeError: Cannot set properties of undefined (setting 'onclick')
01-21
### 解析 JavaScript 中 `Uncaught TypeError` 错误 当遇到 `Uncaught TypeError: Cannot set properties of undefined (setting 'onclick')` 这类错误时，通常意味着尝试操作的对象未被正确定义或初始化。此问题...
Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick
qq_34823218的博客
06-24 687
关于标签调用onclick中的方法无效的原因 https://stackoverflow.com/questions/12816400/javascript-typeerror-xxx-is-not-a-function 主要原因有几点： 1、首先确保这函数的js被引入到了页面；Are you certain you added the script to the page？ 2、在调用该方法时，确保该方法已经被加载了。在浏览器控制台输入该方法，能正常运行。Are you certain it ..
js的点击事件的is not function的问题
qq_53378354的博客
01-19 1045
在表格中，我一开始设置form的id 和onclick的方法名一样，结果点击事件一直告诉我 is not function,我琢磨啊琢磨，在一个小时的无尽遨游百度中，终于发现了，onclick的方法名不能和id名称一样，不然一直会报错！！！！ 友友们，不要向我学习，我直接表格名用来当方法名了！！！！ ...
js点击事件报错 not a function
Duncan_dsf的博客
08-14 6115
js 点击事件 报错 Uncaught TypeError: submit is not a function
报错Uncaught ReferenceError: xxx is not defined at HTMLButtonElement.onclick
热门推荐
雨果的博客
04-09 8万+
html标签里的onclick功能的时候总是报错：Uncaught ReferenceError: addrow is not defined at HTMLButtonElement.onclick 错误写法一般有以下两种：function dosave(){ alert("会报错！！"); } 和var dosave = function (){
Uncaught ReferenceError: xxx is not defined at HTMLButtonElement.onclick
孤独的冥王星
12-06 2万+
Uncaught ReferenceError: xxx is not defined at HTMLButtonElement.onclick html中调用js方法一直报错，找了半天，最后发现html引入外部js库的时候居然是这样写的 &amp;lt;script src=&quot;https://code.jquery.com/jquery-3.1.1.min.js&quot;/&amp;gt; 真是。。。 s...
bug---xx is not defined at HTMLButtonElement.onclick
qw160的博客
05-19 816
错误 xx is not defined at HTMLButtonElement.onclick 原因 我实在js中使用变量拼接一个按钮，用document.write写在网页上，这种情况下按钮调用的函数 无法识别拼接的参数 解决 加上转义符 &quot; 正确写法 document.write("<button οnclick='showUser(&quot;"+zi+"&quot;);'>"+data1[i].name+"</button>")
Uncaught ReferenceError: getFormData is not defined at HTMLButtonElement.onclick
一只小菜鸡
05-23 1637
场景： HTML jQuery 问题描述 使用HTML标签的属性onclick调用JavaScript中方法时报错 Uncaught ReferenceError: getFormData is not defined at HTMLButtonElement.onclick <button type="button" onclick="getFormData()">提交</button> <script src="js/jquery-1.8.3.js"></s
报错Uncaught ReferenceError: addrow is not defined at HTMLButtonElement.onclick
小马过河
09-30 1万+
这种报错有两种原因：一是js函数格式不对，二是jQuery引用有错误； 一是js函数格式不对 正确写法如下： html： &lt;button onclick="dosave();"&gt;走你&lt;/button&gt; js： ​dosave = function (){ alert("哈哈哈！"); } ​ 二是jQuery引用有错误； ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值