問題：注冊點擊事件的時候，多次點擊則會重復多次的創建元素
要求：不論點擊多少次，只創建一次
思路：觸發點擊事件，若有，則不創建，若無，則創建
基礎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").onclick=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);
}
};