Windows8应用程序开发JavaScript-在JavaScript代码中显示/隐藏Div

我正在尝试根据Windows 8应用程序中的用户设置显示或隐藏div。我的html文件中有2个div：

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

---

这不管用。有什么建议吗？提前感谢。

在JavaScript中执行此操作的一种方法是使用style属性：

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';
    }
}

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';
    }
}