隐藏/显示 javascript 中的内容

Question

我是一名网络开发新手。我在 HTML 和 CSS 方面做得很好，我正在努力学习 javascript。我是 1 个月前的新手，我从来没有编写过一行代码，而且我已经制作了 2 或 3 个网站，但 none 支持 JS。

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

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

所以....第一个针对 yes_button 的代码工作正常。说明隐藏和第一个问题 (Q1) 出现。否按钮不起作用，我不明白为什么，它本质上是针对不同元素的相同代码。

我检查的事情：元素 id/selectors 是正确的驼峰式很好，没有未闭合的括号，分号很好，

是不是逻辑有问题？

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";

};



};

Answer 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";


};

隐藏/显示 javascript 中的内容

Hiding / displaying content in javascript

javascript

show-hide

dom-manipulation