js原生实现点击事件只创建一个元素
生活随笔
收集整理的這篇文章主要介紹了
js原生实现点击事件只创建一个元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
問題：注冊點擊事件的時候，多次點擊則會重復多次的創建元素
要求：不論點擊多少次，只創建一次
思路：觸發點擊事件，若有，則不創建，若無，則創建
?
基礎HTML代碼如下:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>title</title><style>div{width: 200px;height: 200px;border: 1px solid red;}</style> </head> <body> <input type="button" value="顯示效果" id="btn"/> <div id="dv"></div></body> </html>?
?
?
代碼如下:
document.getElementById("btn").οnclick=function () {//判斷,div中有沒有這個按鈕,有就刪除//判斷這個按鈕的子元素是否存在if(!document.getElementById("btn2")){//如果為false則創建var obj=document.createElement("input");obj.type="button";obj.value="按鈕";obj.id="btn2";document.getElementById("dv").appendChild(obj);}};
?
轉載于:https://www.cnblogs.com/shadowsmile/p/10550297.html
總結
以上是生活随笔為你收集整理的js原生实现点击事件只创建一个元素的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux安装配置硬件温度及风扇转速监测
- 下一篇： 《侠客行》——李白