我正在编写一个操作某些innerHTML& amp;一个div的onclick标签,它在其中放置一些函数,调用类中的某些东西,但是,因为在一个页面上将有多个类的使用。
我想知道是否有可能在课堂上锻炼特定物体的标签?
function Bob() {
this.test = function()
{
alert('test');
}
this.Bob = function()
{
element.onClick = function() {(some piece of code).test();};
element.innerHTML = "<a href=\"" + (some piece of code) + ".test();\">Test</a>";
}
}
答案 0 :(得分:2)
function Bob() {}
Bob.prototype.test = function () {
/* do things */
};
Bob.prototype.Bob = function () {
element.addEventListener("click", function () {
this.test();
}.bind(this));
toArray(element.childNodes).forEach(function (node) {
element.removeChild(node);
});
var button = document.create("button");
button.classList.add("button-style");
element.appendChild(button);
button.addEventListener("click", function () {
this.test();
}.bind(this));
};
您希望使用.bind
将函数绑定到`thisContext
答案 1 :(得分:1)
function Bob() {
var self = this;
this.test = function()
{
alert('This is the Bob class');
}
element.onClick = function() {
self.test();
};
}
由于闭包的工作原理,即使在Bob构造函数返回后,“self”变量仍然会在该元素的onclick内进行检测。
只需让不同的类在测试函数中返回不同的警报消息