码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 中用class创建img 详细明了,步骤清晰,解释完美,谢谢欣赏

时间:2020-07-27 23:33:37      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:nbsp   this   image   const   add   get   pen   event   插入   

<body>
<div id="box">

</body>

<script type="text/javascript">

    class A {
      constructor() {
      this.box = document.getElementById("box");  //获取父节点
      this.img = document.createElement(‘img‘)      //创建元素
      this.addEvent()
    }
      addEvent(){
      // this.img.setAttribute(‘src‘, ‘../images/1.jpg‘)   //两种方法都可与
      this.img.src = ‘../images/1.jpg‘;            //设置图片的路径
      this.add();
    }
      add(){
      this.box.appendChild(this.img);      //插入节点
    }
  }
  new A;
</script>

ES6 中用class创建img 详细明了,步骤清晰,解释完美,谢谢欣赏

标签:nbsp   this   image   const   add   get   pen   event   插入   

原文地址:https://www.cnblogs.com/CH-cnblogs/p/13386396.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!