javascript - 如何在我的 document.getElementbyid 中使用 obj.init？

Question

我是这个框架的新手，我只是将我的 javascript/jquery 转换为 ajax。

我有这个代码:

var Obj = {
    Init:function(config){
        this.config = config;
        this.BindEvents();
    },
    BindEvents:function(){
        $this = Obj.config;
        Obj.ReturnArray();
    },
    ReturnArray:function(){
        $this = Obj.config;

        for(x = 0; x < itemNames.length; x++){
            var obj = {itemName:itemNames[x],itemPrice:itemPrices[x]};
            console.log(obj);
            prods.push(obj);
        }

        for(var ctr = 0; ctr < prods.length; ctr++){
            var rows = parseInt(document.getElementById("modalTable").getElementsByTagName("tbody")[0].rows.length);
            var table = document.getElementById("modalTable").getElementsByTagName("tbody")[0];
        }
    }
}

Obj.Init({
    modalTable       : $("#modalTable"),
    mainTable        : $("#mainTable"),
    btnAddToTable    : $("btnAddToTable"),
    mainCellQuantity : $(".mainCellQuantity"),
    mainTBody        : $("#mainTBody")
});

但我希望您使用在 Obj.Init({});

中初始化的对象

var rows = parseInt(document.getElementById("modalTable").getElementsByTagName("tbody")[0].rows.length);
var table = document.getElementById("modalTable").getElementsByTagName("tbody")[0];

就这样

var rows = parseInt(modalTable.mainTbody.rows.length);

总而言之，我希望所有 javascript 的 document 都是 objects。有什么办法吗？

Answer 1

我正在打电话，所以无法尝试。

据我了解，您希望所有 dom 元素都继承自您的 Obj。

考虑到所有文档对象都继承自 Element，您可以尝试用您的原型(prototype)扩展 Element 原型(prototype)。

它可能是这样的:

Element.prototype = Object.create(Obj.prototype);