9

我正在研究一个简单的javascript代码。

根据条件，我应该将标签的可见性从隐藏更改为可见。

我应该单独使用javascript。没有 jQuery 或 AJAX。请有任何想法或建议。

4

6 回答 6

33

使用visibility属性：

显示 div id="yourID"：

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";
于 2013-01-16T10:26:20.977 回答
4 
<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";
}

希望这段代码对你有帮助............

于 2013-01-16T10:33:45.580 回答
2

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

于 2014-05-30T10:41:29.037 回答
1

可见的：

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

隐藏：

var elem = document.getElementById("IdOfEl");
elem.style.display="none";
于 2013-01-16T10:25:08.107 回答
1

当你想显示 div 时调用这个函数。在您的细分/案例中写下该条件。

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

让我知道你的反馈。

于 2013-01-16T10:38:11.610 回答
0

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

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

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

参考

Musciano, C. 和 Kennedy, B. (2002)。HTML 和 XHTML：权威指南，第五版。加利福尼亚州塞巴斯托波尔：O'Reilly Media Inc.

于 2019-09-08T02:26:44.807 回答