javascript - 在JavaScript代码中,Windows 8应用开发程序显示/隐藏 Div

  显示原文与译文双语对照的内容

我正在尝试在 Windows 8应用程序中显示或者隐藏基于用户设置的div 。 我的html file: 中有 2个 div


<div id="fillBlank"><p>Fill in the Blank area</p></div>
<div id="multipleChoice"><p>Multiple choice area</p></div>

在我的JavaScript文件中:


var answerStyle ="mc";

function showArea() {
 if (answerStyle =="mc") {
//Multiple choice
 multipleChoice.visible = true;
 fillBlank.visible = false;
 } else if (answerStyle =="fb") {
//Fill in the blank
 multipleChoice.visible = false;
 fillBlank.visible = true;
 }
}

这不管用任何建议? 先谢谢了。

时间: 原作者:

在JavaScript中执行这里操作的一种方法是使用样式属性:


var fillBlank = document.getElementById("fillBlank"); 
fillBlank.style.display ="none";

如果将 style.display 设置为"",则可以使用元素当前设置的显示时间来显示它。

原作者:

你非常接近 !


var answerStyle ="mc";

function showArea() {
 if (answerStyle =="mc") {
//Multiple choice
 multipleChoice.style.visibility ='visible';
 fillBlank.style.visibility = 'hidden';
 } else if (answerStyle =="fb") {
//Fill in the blank
 multipleChoice.style.visibility = 'hidden';
 fillBlank.style.visibility = 'visible';
 }
}

原作者:
...