Question

每当调用div方法时，对象会在body附加obj.appendDiv()元素。

var obj = {
    width: 100,
    height: 100,
    background: "black",
    appendDiv: function () {
        var div = document.createElement('div');
        div.style.width = this.width;
        div.style.height = this.height;
        div.style.background = this.background;
        document.body.appendChild(div)
    }
}

如果更改div的任何参数，如在控制台中键入obj，更改所有附加obj.width = "500px"的宽度，则如何更改所有附加div中的所有派生数据。

Answer 1

尝试创建由appendDiv创建的数组div元素，这是一种更改appendDiv

创建的

var obj = {
    width: 100,
    height: 100,
    background: "black",
    divs: [],
    changeDivs: function(prop, val) {
      this.divs.forEach(function(el) {
        el.style[prop] = val
      })
    },
    appendDiv: function (text) {
        var div = document.createElement('div');
        div.style.width = this.width;
        div.style.height = this.height;
        div.style.background = this.background;
        div.textContent = text || "";
        this.divs.push(div);
        document.body.appendChild(div)
    }
}

obj.appendDiv("abc");
obj.appendDiv(123);
obj.changeDivs("color", "blue")

元素的方法

＆＃13;

FROM ubuntu
ENV APP ${APP}
RUN apt-get install ${APP}

＆＃13;

动态地通过方法更改元素数据

1 个答案: