JavaScript 动态修改元素 onclick 事件处理函数

作者:流萤时间:2026-10-26 12:32:29浏览:92

本文介绍如何在JavaScript中动态修改HTML元素的onclick事件处理函数。通过直接赋值新的函数引用,可以替换原有的点击行为,实现点击后执行不同逻辑的功能。

动态修改onclick事件示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript 动态改变onclick事件触发函数代码</title>  </head> <body> <p id="name" onclick="oc()">原来的方法</p> <div id="divname" onclick="of()">通过点击,改变原来的方法的执行</div> </body> </html> 

注意:若引入外部JavaScript文件,需刷新页面后方可生效。

作者最新文章