DIV显示和隐藏用法(二)
来源:互联网 发布:手机淘宝下载地址 编辑:程序博客网 时间:2024/05/18 03:51
DIV的操作,主要针对DIV显示和隐藏操作,希望本文的介绍能让你有所收获。
一.DIV显示/隐藏
1.设置div显示或隐藏
- document.getElementById("div1").style.display="none";//DIV隐藏
- document.getElementById("div2").style.display=""; //DIV显示
当然也可以直接用如下方式显示:(下面的方面有时没有用,会报错。建议使用上面的方法。)
- div1.style.display="none";//DIV隐藏
- div2.style.display="";//DIV显示
2.innerHTML,outerHTML,innerText,outerText
关于这四者的区别,网上有段经典的代码:
- <dividdivid="div">
- <inputnameinputname="button"value="Button"type="button">
- <fontcolorfontcolor="green">
- <h2>ThisisaDIV!</h2>
- </font>
- </div>
- <inputnameinputname="innerHTML"value="innerHTML"type="button"
- OnClick="alert(div.innerHTML);">
- <inputnameinputname="outerHTML"value="outerHTML"type="button"
- OnClick="alert(div.outerHTML);">
- <inputnameinputname="innerText"value="innerText"type="button"
- OnClick="alert(div.innerText);">
- <inputnameinputname="outerText"value="outerText"type="button"
- OnClick="alert(div.outerText);">
从中可以很清楚的看出四者各自的功能:
innerHTML:在div里面的html标签,通过它可以方便的设置div里要显示的内容,如:
document.getElementById("div3").innerHTML="<strong>hhh</strong>";
outerHTMl:包括div在内的所有html标签
innerText:要在div里显示的文本,和outerText基本一样。
值得注意的是,以上四个只有innerHTML在firefox下有效,其他均只在IE下可用
0 0
- DIV显示和隐藏用法(二)
- div 隐藏和显示
- 显示和隐藏div
- div 隐藏和显示
- div显示和隐藏
- div 隐藏和显示
- div隐藏和显示
- div 隐藏和显示
- div 隐藏和显示
- div 隐藏和显示
- div的显示和隐藏
- DIV 的显示和隐藏
- 【javaWeb】显示和隐藏div
- div的显示和隐藏
- div的显示和隐藏
- div重叠和隐藏显示
- div 隐藏和显示方式
- div隐藏和显示方式
- Hibernate+Spring配置
- 库项目的添加过程
- 机器学习-逻辑回归
- MYSQL设计优化
- 云计算应用与Pispower云计算平台
- DIV显示和隐藏用法(二)
- SAT作文批改实例讲解
- 机器学习--线性回归
- 【JAVA教程分享】可提高Java开发性能的5款调试工具-潭州JAVA
- vc执行dos命令
- linux下jdk安装。
- ubuntu 关机,重启,注销命令
- Android Studio --自动删除没有用的资源,给APK减减肥
- Java加密技术(二)对称加密算法DES&AES