javascript 不工作，onclick 功能

Question

我有一个带有标题和 2 个分区的 HTML 页面，然后我有一个 javascript 如果用户从分区中选择一个，我希望更改标题。

var happyMood = getElementById("happy");
var sadMood = getElementById("sad");


happyMood.onclick = function () {
    var mainHeading = getElementById("heading");
    mainHeading.innerHTML = "You have selected ";

};

sadMood.onclick = function () {
    var mainHeading = getElementById("heading");
    mainHeading.innerHTML = "You have selected " + sadMood;
};

有人可以告诉我哪里出错了吗？

提前致谢。

Answer 1

如果您在没有任何对象的情况下调用 getElementById，那么您会调用 window. getElementById，但您确实应该调用 document.getElementById。并且您应该将 js 文件导入 html（在您的本地测试中）。我创建了另一个正确的 jsfiddle。

Answer 2

var happyMood = document.getElementById("happy");
var sadMood = document.getElementById("sad");


happyMood.onclick = function () {
   var mainHeading =     document.getElementById("heading");
    mainHeading.innerHTML = "You have selected ";

};

sadMood.onclick = function () {
var mainHeading =    document.getElementById("heading");
    mainHeading.innerHTML = "You have selected " +   sadMood;
};

javascript 不工作，onclick 功能

javascript not working, onclick function

html

javascript

onclick