javascript - 如何使用具有对象属性的元素，如 element.myobj.prop

Question

如果我声明一个像

这样的对象

var obj =function(element){
return{
wide:element.clientWidth
}}

我必须这样声明

var fdiv=new obj(document.etc.etc.);

然后调用

fdiv.wide;

但这相当限制了我的代码。我必须为每个元素声明新的对象。我的问题是我如何设置元素名称动态以便能够像 nodeI_want.obj.wide 或 obj.nodeI_want.wide 或类似的东西使用我的具有动态给定节点的属性。注意:clientWidth Prop 。只是一个例子来阐明它将在我的代码中替换为我自己的属性。

Answer 1

您似乎想要扩展 HTMLElement。正确的方法是将您的方法添加到 HTMLElement 的 prototype 中。

例如(我没有使用您的原始功能代码，因为它试图实现的目标非常模糊):

HTMLElement.prototype.getMyWidth = function() {
    return this.clientWidth;
};

参见 HTMLElement