在javascript中隐藏/显示内容答案

【问题标题】：Hiding / displaying content in javascript在javascript中隐藏/显示内容
【发布时间】：2015-09-24 06:35:54
【问题描述】：

我是一个非常新的网络开发人员。我在 HTML 和 CSS 方面做得很好，我正在尝试学习 javascript。 1 个月前我很新，我从未编写过一行代码，我已经制作了 2 或 3 个网站，但没有一个支持 JS。

我知道我可以在 jquery 中做到这一点并且已经做到了，但是我想理解它并且我希望能够在 vanilla javascript 中做到这一点。

原来如此。我正在制作一个简单的练习游戏，它所做的只是提出问题并将元素从 display = none 更改为 display = 基于单击事件的块到两个大的 YES 或 NO 按钮。

所以....这个针对 yes_button 的第一个代码工作正常。指令 Hide 和第一个问题 g (Q1) 出现。否按钮不起作用，我不知道为什么，它本质上是针对不同元素的相同代码。

我检查的事情：元素 id/选择器是正确的骆驼壳不错，没有未闭合的大括号，分号很好，

是不是某个地方的逻辑错误？

window.onload = function() {

yes_button.onclick= function() {
document.getElementById("instructions").style.display="none";
document.getElementById("q1").style.display="block";

};


no_button.onClick=function() {
document.getElementById("instructions").style.display="none";   
document.getElementById("nointro").style.display="block";

};



};

【问题讨论】：

如果不了解 HTML/DOM 结构，不知道 yes_button 和 no_button 是什么，我们将无法为您提供帮助。就目前而言，显示的实际代码很好，所以。 ..
onClick 应该是 onclick。 Javascript 区分大小写。
路易斯，我个人宽恕你使用“想要”。我最喜欢的非单词之一。 :-)

标签： javascript show-hide dom-manipulation

【解决方案1】：

您可以删除 window.onload 函数调用。您可以将 JavaScript 导入放在结束标记之前，以便在您尝试单击按钮之前准备好 dom。

您的 JavaScript 事件应如下所示：

document.getElementById("yes_button").onclick = function(){

             document.getElementById("instructions").style.display= "none";
             document.getElementById("q1").style.display = "block";

};


document.getElementById("no_button").onclick = function(){

            document.getElementById("instructions").style.display="none";   
            document.getElementById("nointro").style.display="block";


};

【讨论】：

没问题，希望你的游戏开发顺利。