[英]javascript not working, onclick function
我有一个带标题和2个Divs的HTML页面,然后有一个javascript,如果用户从Divs中选择一个,则希望更改标题。
https://jsfiddle.net/L27xqgfs/1/
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;
};
请有人能告诉我我哪里出问题了吗?
提前致谢。
如果在没有任何对象的情况下调用getElementById,则将调用window. getElementById
window. getElementById
,但您实际上应该调用document.getElementById
。 并且您应该将js文件导入html(在本地测试中)。 我创建了另一个正确的jsfiddle 。
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;
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.