JavaScript 回调函数

最新推荐文章于 2025-08-08 17:07:36 发布

weixin_30699955

最新推荐文章于 2025-08-08 17:07:36 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/c2603/p/5037731.html

本文介绍了一个使用HTML和JavaScript创建的简单网页示例，其中包含了三个可点击的div元素。当用户点击这些div元素时，会触发不同的样式变化，如字体颜色改变和字体大小调整。该示例展示了如何为DOM元素添加事件监听器，并通过回调函数实现特定功能。

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

<!DOCTYPE>
<html>
<head>
<title> new document </title>
</head>
<body>
   <div id="div1">aaa </div>
   <div id="div2">bbb </div>
   <div id="div3">ccc </div>
</body>
<script type="text/javascript">

   function clickEvent(id,callback){
       var boxDom = document.getElementById(id);
       boxDom.onclick=function(){
           if(callback){

　　         //通过参数将当前的dom元素返回出去
               callback(this);
           };
       };
   };

   clickEvent("div1",function(dom){
       dom.style.color = "red";
   });

   clickEvent("div2",function(dom){
       dom.style.fontSize = "60px";
   });

   clickEvent("div3",function(dom){
       dom.style.color = "red";
   });
</script>
</html>