欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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);
    }
  };