js修改的行间样式
2015-07-28 14:40
549 查看
这里需要点击两次才能显示的原因是最开始div并没有行间样式,所以首先style="display: ;" 并不是等于none,那么第一次点击行间样式是变成none。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #div2 { width: 100px; height: 200px; border: 1px solid red; display: none; } </style> </head> <body> <input type="button" value="xianshi" onclick="showhide()" /> <div id="div2"></div> <script> var oDiv = document.getElementById('div2'); function showhide() { if (oDiv.style.display == 'none') { oDiv.style.display = 'block'; } else { oDiv.style.display = 'none'; } } </script> </body> </html>
相关文章推荐
- 用CSS实现Firefox 和IE 都支持的Alpha透明效果
- css自学笔记
- css给网页添加 黑白滤镜
- css div重叠 CSS让DIV层叠 两个DIV或多个DIV顺序重叠加
- DIV+CSS网页设计常用布局代码
- 常用css样式处理
- CSS3自定义滚动条样式 -webkit-scrollbar
- [技巧心得] 高效整洁CSS代码原则
- css display 总结
- CSS中background-position的使用
- CSS实现文字自动换行
- html的三种样式定义方式:外部样式表;内部样式表;内联样式表
- CSS强制英文、中文换行与不换行 强制英文换行
- css居中总结
- CSS3实现动态背景登录框的代码
- CSS - Span 下的width设置不可用?
- CSS - display:inline-block 相邻元素间有4px的空白间距
- sass 和 scss
- 当前栏目添加样式
- qss样式