JS 只创建一个元素
程序员文章站
2022-03-13 09:09:22
先判断有没有,没有再创建,有就跳过 先判断有没有,没有再创建,有就跳过 my$("btn").onclick=function () { //判断这个按钮的子元素是否存在 i ......
//判断有没有这个元素
<div id="div">
if(my$("div").firstelementchild){ console.log("说明这个父元素有子元素"); //找到该元素 转成布尔值为true }else{ console.log("说明这个父元素没有子元素"); //找不到该元素的时候 会返回null 转成布尔值false }
先判断有没有,没有再创建,有就跳过
<input type="button" value="按钮" id="btn"/> <div id="dv"></div>
my$("btn").onclick=function () { //判断这个按钮的子元素是否存在 if(!my$("btn2")){//如果为true就有 否则跳过 var obj=document.createelement("input"); obj.type="button"; obj.value="新增的按钮"; obj.id="btn2"; my$("dv").appendchild(obj); } };