如何在javascript中将alias document.getElementById.onclick转换为d.id.c？

我想使用alias javascript函数：

我想将document.getElementById.onclick别名为d.id.c

我试过：

var d = document;
d['i'] = d.getElementById.bind(d);
d.i['c'] = d.i.onclick.bind(d.i);

HTML:

<div id="myid">Button</div>

---

请帮帮我！谢谢

您不需要修改内置的

文档

对象，而是可以创建一个独立变量

d

，它有一个

i

方法，当传递

id

时，调用

document.getElementById（id）

，并返回一个带有

c

setter的对象。调用setter时，将元素的

onclick

属性分配给传递的处理程序：

const d={
i（id）{
const elm=document.getElementById（id）；
返回{
集合c（处理程序）{
elm.onclick=handler；
}
}
}
};
d、 i（“myid”）.c=函数（）{
控制台日志（“单击”）；
}

---

按钮

您不需要修改内置的

文档

对象，而是可以创建一个独立变量

d

，它有一个

i

方法，当传递

id

时，调用

文档.getElementById（id）

并返回一个带有

c

setter的对象。调用setter时，将元素的

onclick

属性分配给传递的处理程序：

const d={
i（id）{
const elm=document.getElementById（id）；
返回{
集合c（处理程序）{
elm.onclick=handler；
}
}
}
};
d、 i（“myid”）.c=函数（）{
控制台日志（“单击”）；
}

按钮

试试看

var d=文档；
d['i']=id=>（{
集合c（f）{document.getElementById（id）.onclick=f}
});
d、 i（“myid”）.c=函数（）{
警报（“点击”）；
}

按钮

试试看

var d=文档；
d['i']=id=>（{
集合c（f）{document.getElementById（id）.onclick=f}
});
d、 i（“myid”）.c=函数（）{
警报（“点击”）；
}

按钮

d.i("myid").onclick = function(){
   alert("clicked"); // Working well
} 

// but

d.i("myid").c = function(){
   alert("clicked"); // not working
}