** 实战不会写呀。可以帮忙看看吗** 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.这是实战的要求。我感觉知识都会。就是连不到一起。
连不到一块是因为,实战的太少,先定小目标,写到十万行,你有具体问题吗,看着比较蒙?