Nginx makefile jsf extjs timer coldfusion nuget seo Animsition vue优势 vue前端 npm安装vue vue学习教程 bootstrap后台管理 hadoop源码 html好看的字体样式 pcie高速固态硬盘 mysql分区表优劣分析 linux重启mysql python定义变量 python操作文件 windows搭建python开发环境 python的编译器 python安装程序 java中collection tmac修改器 lanhelper 路由器辐射大吗 电子书制作软件 自动答题软件 polyworks mysql导出数据 ps反向选择的快捷键 python列表求和 快手规则 widcomm 手机刷机助手 ps怎么p人脸 手机上怎么剪辑音乐 vue动态路由
当前位置: 首页 > 学习教程  > 

JavaScript原生实现点击事件只创建一个元素

2020/10/16 18:03:57 文章标签: js原生点击事件

问题&#xff1a;注册点击事件的时候&#xff0c;多次点击会造成重复多次的创建相同的元素 要求&#xff1a;无论点击多少次&#xff0c;元素只能建一个 思路&#xff1a;触发点击事件时候&#xff0c;有则删除,无则创建。 基础HTML代码如下&#xff1a; <body><i…

问题:注册点击事件的时候,多次点击会造成重复多次的创建相同的元素

要求:无论点击多少次,元素只能建一个

思路:触发点击事件时候,有则删除,无则创建。

基础HTML代码如下:

<body>
	<input type="button" value="创建元素" id="btn"/>
	<div id="dv"></div>
</body>

解决思路:

     document.getElementById("btn").onclick = function () {
        //判断这个按钮是否存在
        if (!my$("btn2")) {   //如果没有这个按钮就创建,有的话就不再管它,不用创建
            var obj = document.createElement("input");
            obj.type = "button";
            obj.value = "按钮";
            obj.id = "btn2";  //创建的时候为它赋值id,以便进行判断
            document.getElementById("dv").appendChild(obj);
        }

    };

本文链接: http://www.dtmao.cc/news_show_300363.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?