es6学习中。帮我看看下

** 实战不会写呀。可以帮忙看看吗** class MyDiv: 该类用于在DOM上插入一个div元素 属性:width,数字,整数(读写属性): 用于设定div的宽度,设定后即时生效 height,数字,整数(读写属性): 用于设定div的高度,设定后即时生效 background,字符串,表示颜色(读写属性): 用于设定div的背景颜色,形式为#xxxxxx后者#xxx,设定后即时生效 parent,HTMLElement,(只读属性)用于返回div的parent,调用appendTo以前,或者调用takeOff以后,为null。 visiable,布尔(读写属性): 用于设定div是否可见,设定后即时生效 children,MyImg, MyClickable, MySwiper的数组,(只读属性) 方法:构造函数 appendTo(字符串|HTMLElement),用于将div添加到某个HTMLElement下,如果参数是字符串,使用该字符串调用querySelector,将返回元素作为父元素向其添加。添加后,别忘了初始化parent属性 takeOff(): 用于将div从parent处摘除,别忘了同时将parent属性设置为null。 append(若干个MyImg, MyClickable, MySwiper),作为这些元素的容器,添加成功后,修改这些元素的parent属性 remove(若干个MyImg, MyClickable, MySwiper),如果其中包含这些元素,把他们从本容器中摘除,并修改这些元素的parent属性为null

appendTo 方法就是将div添加到某个父元素中,这个父元素会设置为parent属性的值。

比如下面例子

class MyDiv {
    constructor() {
         this.div = document.createElement("div");
         this.parent = null;
    }
    
    get width() {
        return parseFloat(this.div.style.width);
    }
    set width(value) {
        this.div.style.width = value+"px";
    }
    get height() {
        return parseFloat(this.div.style.height);
    }
    set height(value) {
        this.div.style.height = value+"px";
    }
    get background() {
        return this.div.style.backgroundColor;
    }
    set background(value) {
        this.div.style.backgroundColor = value;
    }
    appendTo(pobj) {
        if (typeof pobj == "string")
            pobj = document.querySelector(pobj);
        pobj.appendChild(this.div);
        this.parent = pobj;
    }
}

var div = new MyDiv();
div.appendTo("body");
div.background = "#ff0000";
div.width = 500;
div.height = 300;

刚学ES6.这是实战的要求。我感觉知识都会。就是连不到一起。

连不到一块是因为,实战的太少,先定小目标,写到十万行,你有具体问题吗,看着比较蒙?