使用`visibility`属性：

使用id="yourID"显示div：

document.getElementById("yourID").style.visibility = "visible";

隐藏它：

document.getElementById("main").style.visibility = "hidden";

使用`display`属性：

显示：

document.getElementById("yourID").style.display= "block";

隐藏：

document.getElementById("yourID").style.display= "none";

Answer 2

<div id="contentDiv">
    This is the content .
</div>

如果您想使用javascript更改id =“contentDiv”的div的可见性，那么您可以使用..

var eleDiv = document.getElementById("contentDiv");


    // based on condition you can change visibility
if(eleDiv.style.display == "block") {
        eleDiv.style.display = "none";
}
else {
    eleDiv .style.display = "block";
}

希望这段代码可以帮助你........

Answer 3

虽然要求不使用jquery，但可以完成：$('.my_div_tag_id').css('visibility','hidden');

Answer 4

可见：

var elem = document.getElementById("IdOfEl");
elem.style.display="block";

隐藏：

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

Answer 5

想要显示div时调用此函数。在您的细分/案例中写下这些条件。

function showDiv() {
    document.getElementById('divId').style.display = 'block';   //  or 'inline'
}

让我知道您的反馈意见。

Answer 6

一种方法是在JavaScript中创建控制逻辑，并将其添加到文档的“ script”标签中。然后应用逻辑来隐藏/显示“ div”元素。

我在第16页上基于“第一个HTML文档”创建了一个示例HTML文档（Musciano和Kennedy，2002年）。它在顶部附近的“ body”标签中包含一个“ div”标签。 ShowAndHide函数已包含在“ head”标签中的“ script”标签中。 ShowAndHide的应用程序可以在末尾“ body”标签中的另一个“ script”标签中找到。

您可以找到HTML示例作为PDF文档“ Show-and-Hide Control Logic: Inspired by a Question at Stack Overflow”的附件。

参考

Musciano，C。和Kennedy，B。（2002）。 HTML和XHTML：权威指南，第五版。加利福尼亚塞巴斯托波尔：O’Reilly Media Inc。

如何在同一页面中使用javascript更改<div>标签的可见性？</div>

6 个答案:

使用`visibility`属性：

使用`display`属性：

如何在同一页面中使用javascript更改<div>标签的可见性？</div>

6 个答案:

使用visibility属性：

使用display属性：

使用`visibility`属性：

使用`display`属性：