ES6 中用class创建img 详细明了，步骤清晰，解释完美，谢谢欣赏
Posted ch-cnblogs
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6 中用class创建img 详细明了，步骤清晰，解释完美，谢谢欣赏相关的知识，希望对你有一定的参考价值。
<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 详细明了，步骤清晰，解释完美，谢谢欣赏的主要内容，如果未能解决你的问题，请参考以下文章