DIV的显示和隐藏选项(需要修改)
Show and Hide option for DIV(needs modification)
JavaScript-使用链接和CSS显示或隐藏div
这里我使用java脚本来显示和隐藏DIV
代码
<a onclick="document.getElementById('div_name2').style.display = '';
return false;"
href="" style="text-decoration:none;border-bottom:1px dotted blue;">
Show more...</a>
<br />
<div id="div_name2" style="display:none;margin:15px 15px 0px 15px;padding:5px;border:1px solid #aaa;">
This is more information placed in our hidden div.
When you click on the "hide" link this DIV area will disappear:
<a onclick="document.getElementById('div_name2').style.display = 'none';
return false;" href=""
style="text-decoration:none;border-bottom:1px dotted blue;">hide</a>
</div>
这是我使用的代码
- 现在我需要的是当页面加载时,我需要
DIV
可见 - 加载页面时如何使
DIV
可见
错误
当我加载这个页面时,div是隐藏的。我如何使div可见???
试试这个代码:
<a onclick="document.getElementById('div_name2').style.display = 'block';
return false;"
href="" style="text-decoration:none;border-bottom:1px dotted blue;">
Show more...</a>
<br />
<div id="div_name2" style="display:block;margin:15px 15px 0px 15px;padding:5px;border:1px solid #aaa;">
This is more information placed in our hidden div.
When you click on the "hide" link this DIV area will disappear:
<a onclick="document.getElementById('div_name2').style.display = 'none';
return false;" href=""
style="text-decoration:none;border-bottom:1px dotted blue;">hide</a>
</div>
您应该将属性"display:block"赋予div,以便在加载网站时显示它。现在,当您点击链接时,您应该将display设置为none以隐藏div_name2
相关文章:
- 在浏览器操作中修改当前选项卡的URL的TLD
- 如何获取dom修改的选择框的当前所选选项
- 修改选择选项中的选定特性
- 修改 ng 选项
- 根据 if / else 语句修改设置“选项”值
- 如何使用 Greasemonkey 修改现有按钮的点击以打开新选项卡
- 根据选择选项修改元素
- 修改googlechrome扩展以删除选项卡
- DIV的显示和隐藏选项(需要修改)
- 如何防止用户修改绑定到html控件的javascript变量的值(使用任何web浏览器的调试器选项)
- 如何检查选择的选项它已被修改
- JavaScript:如何修改<选项>
- Fancybox-修改javascript以添加选项
- 如何修改代码-弹出窗口,其他关闭选项
- 链接到bootstrap选项卡,无需修改"标签
- 在Angular中,当一个选项被下拉菜单选中时,如何修改一个对象
- 修改电子浏览器窗口选项而不重新创建窗口
- jQuery插件-深度选项修改
- 修改网站默认选项卡功能
- 修改选项(select)元素的值