<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div { width: 300px; height: 300px; border: 1px solid pink; } </style> </head> <body> <input type="button" value="创建按钮" id="bt"/> <div id="dv"></div> <script src="common.js"></script> <script> //有则删除,无则创建 //有责删除 // my$("bt").onclick = function () { // //判断div中有没有这个元素有则删除 // //判断这个按钮的子元素是否存在 // if(my$("bt2")) {//为true就有 // my$("dv").removeChild(my$("bt2")); // } // var btObj = document.createElement("input"); // btObj.type = "button"; // btObj.value = "按钮"; // btObj.id = "bt2"; // my$("dv").appendChild(btObj); // }; //无则创建 //判断div中有没有这个元素,无则创建 //判断这个按钮的子元素是否存在 my$("bt").onclick = function () { if(!my$("bt2")) { var btObj = document.createElement("input"); btObj.type = "button"; btObj.value = "按钮"; btObj.id = "bt2"; my$("dv").appendChild(btObj); } }; </script> </body> </html>
JavaScript只创建一个元素,多次点击不创建
猜你喜欢
转载自www.cnblogs.com/cuilichao/p/9383201.html
今日推荐
周排行