Fatal编程技术网

javascript隐藏测试/图片

javascript html

javascript隐藏测试/图片,javascript,html,Javascript,Html,我用它在抽认卡上隐藏我的答案。但是，当我启动网页时，所有答案都会显示出来，我必须手动隐藏它们。如何在启动或打开网页时隐藏所有内容。 我需要隐藏答案 function myShowText(id) { document.querySelector('#' + id + ' .answer').style.color = 'black'; } function myHideText(id) { document.querySelector('#' + id + ' .answer')

我用它在抽认卡上隐藏我的答案。但是，当我启动网页时，所有答案都会显示出来，我必须手动隐藏它们。如何在启动或打开网页时隐藏所有内容。
我需要隐藏答案

  function myShowText(id) {
   document.querySelector('#' + id + ' .answer').style.color = 'black';
}

function myHideText(id) {
  document.querySelector('#' + id + ' .answer').style.color = 'white';
}
.answer {
  border-style: solid;
  border-color: #287EC7;
  color: white;
}
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title> Flashcards VBA </title>
  <rel="stylesheet" href="css/styles.css">
 </head>

<body>
  <script src="js/scripts.js"></script>
  <h3> Flashcards </h3>
  <p class="question">
    The first question
  </p>

  <div id="bash_start">
    <p class="answer">
      <img src="image.jpg">
    </p>
  </div>
</body>
</html>

函数myShowText（id）{
document.querySelector（'#'+id+'.answer'）.style.color='black'；
}
函数myHideText（id）{
document.querySelector（'#'+id+'.answer'）.style.color='white'；
}
.答复{
边框样式：实心；
边框颜色：#287EC7；
颜色：白色；
}
抽认卡VBA
抽认卡


第一个问题
只需在css中添加
display:none

.answer {
  border-style: solid;
  border-color: #287EC7;
  color: white;
  display: none;
}
在
窗口中隐藏答案。onload

 window.onload=function(){
document.querySelector('.answer').style.visibility = "hidden";
}

window.onload=function（）{
document.querySelector（'.answer'）.style.visibility=“hidden”；
}
函数myShowText（id）{
document.querySelector（'#'+id+'.answer'）.style.color='black'；
}
函数myHideText（id）{
document.querySelector（'#'+id+'.answer'）.style.color='white'；
}
。回答{
边框样式：实心；
边框颜色：#287EC7；
颜色：白色；
}

抽认卡


第一个问题
您可以尝试以下代码。应在页面开始脚本上调用hideAnswers（）。然后可以使用showAnswers（）显示答案

函数hideAnswers（）{
var answers=document.getElementsByClassName（“答案”）；
var回答；

对于（var i=0；我不工作-当我开始页面时，所有答案都显示出来。给出显示：无！重要；

function hideAnswers(){
var answers = document.getElementsByClassName("answer");
  var answer;
  for(var i = 0; i <= answers.length-1; i++){
   answer = answers[i];
   answer.style.visibility = "hidden";
  }
}

function showAnswers(){
var answers = document.getElementsByClassName("answer");
  var answer;
  for(var i = 0; i <= answers.length-1; i++){
   answer = answers[i];
   answer.style.visibility = "visible";
  }
}