Question

(function(){
  company = {
    name: 'Jalconsmile',
    welcome: function(){
      alert('Welcome to ' + name);
    }
  };
  button = document.createElement('button');
  button.innerHtml = 'Come to us';
  button.addEventListener('click', company.welcome);
  document.body.appendChild(button);
})();

此代码无效，有人可以帮帮我吗？我尝试了所有我所知道的。

Answer 1

所以有两个主要问题：

innerHtml应该是innerHTML（区分大小写）

button.innerHTML ='来找我们';
'+ name'应为'+ company.name'（范围）

alert（'Welcome to'+ company.name）;
另外在本地声明按钮（不是必须但是......）

var button = document.createElement（'button'）;

还要考虑斜视指出名称范围问题。

Answer 2

你错误输入了innerHTML。检查案件。 javascript区分大小写。您键入innerHtml而不是HTML

(function(){
company = {
name: 'Jalconsmile',
welcome: function(){
alert('Welcome to ' + name);
}
};
button = document.createElement('button');
button.innerHTML = 'Come to us';
button.addEventListener('click', company.welcome);
document.body.appendChild(button);
})();

Answer 3

除button.innerHtml = 'Come to us';外，一切看起来都很正常
它应该是button.innerHTML = 'Come to us';。

所以它看起来应该是这样的：

(function(){
company = {
name: 'Jalconsmile',
welcome: function(){
alert('Welcome to ' + name);
}
};
button = document.createElement('button');
button.innerHTML = 'Come to us';
button.addEventListener('click', company.welcome);
document.body.appendChild(button);
})();

Answer 4

我相信这应该有用。

＆＃13;

(function() {
    company = {
        name: 'Jalconsmile',
        welcome: function() {
            alert('Welcome to ' + company.name);
        }
    };
    button = document.createElement('button');
    button.innerHTML = 'Come to us';
    button.addEventListener('click', company.welcome);
    document.body.appendChild(button);
})();

＆＃13;

创建按钮和绑定事件处理程序的一些问题

4 个答案: