在javascript中将一个对象附加到另一个对象

时间:2015-07-14 14:46:19

标签: javascript

我创建了两个对象,如下面的脚本所示。我可以使用' document.body'将它们附加到页面上。现在,我想追加“appItem'进入#main;主要包装中的标题。我怎么能这样做。

function mainWrapper() {
    var wrapper;
    var header;

    function create() {
        wrapper = document.createElement('div');
        header = document.createElement('div');
        wrapper.appendChild(header);
    }

    function style() {
        wrapper.className = "wrapper";
        header.className = "header";
    }

    function init() {
        create();
        style();
    }
    init();
    this.render = function (k) {
        k.appendChild(wrapper);
    }
}

function appItem() {
    var appItemIcon;
    appItemIcon = document.createElement('img');
    appItemIcon.src = 'icons/list.png';
    this.appItemRender = function (k) {
        k.appendChild(appItemIcon);
    }
}
window.addEventListener('load', onLoad);

function onLoad() {
    var main = new mainWrapper();
    var appList = new appItem();
    main.render(document.body);
    appList.appItemRender(document.body);
}

0 个答案:

没有答案