javascript 动态改变onclick事件触发函数代码

iteye_4972

于 2013-05-21 10:44:03 发布

阅读量164

点赞数

CC 4.0 BY-SA版权

分类专栏： Html & Javasctipt 文章标签： javascript xhtml ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_4972/article/details/82509809

Html & Javasctipt 专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态更改HTML元素onclick事件触发函数的方法。通过示例代码展示了如何从一个函数切换到另一个函数，适用于需要根据运行时条件改变元素行为的场景。

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

javascript 动态改变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> 
<script> 
function oc() 
{ 
alert("原本的方法"); 
} 
function od() 
{ 
alert("我改变方法了。"); 
} 
function of() 
{ 
document.getElementById('name').onclick = function(){ 
od(); 
}; 
} 
</script> 
</head> 
<body> 
<p id="name" onclick="oc()">原来的方法</p> 
<div id="divname" onclick="of()">通过点击，改变原来的方法的执行</div> 
</body> 
</html>