javascript - 如何显示由onclick事件触发的div

标签 javascript html css

我有两个 div。当触发 onclick 事件时,我想显示一个 div(其中包含其他 div)。

如有任何帮助或建议,我们将不胜感激。

Mockup of a div containing a submit button and another div

最佳答案

给你:

div{
    display: none;
}

document.querySelector("button").addEventListener("click", function(){
    document.querySelector("div").style.display = "block";
});

<div>blah blah blah</div>
<button>Show</button>

现场演示:http://jsfiddle.net/DerekL/p78Qq/

关于javascript - 如何显示由onclick事件触发的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10859930/

相关文章:

javascript - 分别隐藏/显示具有相同类名的元素

javascript - 使用 Javascript 更改基于 getMonth() 的链接类

html - 为什么float元素不会计算为div高度的一部分?BFC可以!CSS规范哪里说的?

javascript - 无法从expressJS中的HTML表单获取数组

javascript - 在有 Angular Material 中定位固定片

javascript - 通过 Ajax 从 Django 连续获取图像

html - li 中的 div 不是 block ,即一个低于另一个

javascript - ng-bind-html 工作,但抛出错误

html - 输入键以在带有提交按钮的表单字段之间移动

php - 在 Codeigniter 中使用 html 表单打开 View