JS 只创建一个元素

2019年03月21日 | 移动技术网IT编程 | 我要评论

  //判断有没有这个元素
<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);
    }
  };

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

let a = {n : 1}；let b = a；a.x = a = {n: 2}；console.log(a.x) console.log(b.x)

let a = {n : 1}; let b = a; a.x = a = {n: 2}; ... [阅读全文]
2020-07-21

第一次接触前端大学毕业了，出来工作一两个月，发现不适合自己对于我来说是很迷茫的，今天第一次接触前端，写代码 ... [阅读全文]
Element-ui的table表格实现跨页多选及回显效果

效果图安装 Element-ui 和 egrid 基于 Element-UI Table 组件封装的高阶表... [阅读全文]
使用javaScript来实现一个简单的广告推送

<script> //当页面加载完成之后执行 window.onload... [阅读全文]
Lodop打印表格包含页眉和页码

// 定义的样式字符串let styleClass=`<style>tr, td {padding:... [阅读全文]
JavaScript：14-面向过程和面向对象、对象与类、面向对象版tab栏切换

文章目录JavaScript高级第01天笔记1.面向过程与面向对象1.1面向过程1.2面向对象1.3面向过程与面... [阅读全文]
05 ES6模块化规范基础使用详解

ES6模块规范1.1 ES6规范说明历史上，JavaScript 一直没有模块（module）体系，无法将一个大... [阅读全文]
JavaScript中某一标签内函数用this获取不到当前标签的问题笔记

如题，有如下代码：<a href="javascript:deleteRow('${it.imgId}',... [阅读全文]
nodejs模块化、创建服务、文件系统

nodenode 是一个用在服务端运行js代码的环境他是运行在谷歌的v8引擎上的javascript代码他是用... [阅读全文]
MSAL.js 2.0发布支持授权代码流 (authorization code flow)

JavaScript的Microsoft Authentication Library (MSAL)库发布了2.... [阅读全文]

网友评论


验证码：

JS 只创建一个元素

2019年03月21日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论