html 显示docx,javascript控制div等html元素的显示和隐藏.docx

javascript 控制 DIV 等 html 元素的显示和隐藏

1 、编写 js 函数

function display(id){

var traget=document.getElementById(id);

if(traget.style.display=="none"){

traget.style.display="";

}else{

traget.style.display="none";

2. 、 要显示

2. 、 要显示 / 隐藏的 html

元素加上 id 属性

控制这个	控制这个 tr 的显示 / 隐藏

3 、添加按钮，链接等触发

3 、添加按钮，链接等触发

js 函数

> 显示 /隐藏

> 显示 /

广告

function 函数 { if(thisdiv.style.display=='none'){ thisdiv.style.display="" else thisdiv.style.display="none"

你先给 div 取个 ID=“AA”thisdiv=AA javascript 隐藏 / 显示表单对象

function expandIt(el) {

whichEl =document.getElementById(el)

'none') {whichEl.style.display一 H.

'none') {

whichEl.style.display

一 H.

else {

whichEl.style.display=

whichEl.style.display

= 'none';

el 是对象的 id ，不管是 tr 或者 table 等等先设置一下

id ，然后进行调用。

例：

try it

控制

Example javascript

控制

页面控件隐藏显示的两种方法 方法的不同之处在于控件隐藏后是否还在页面上占位：

div 的 visibility 可以控制 div 的显示和隐藏， 但是隐藏后页面 显示空白； 通过设置 display 属性可以使 div 隐藏后释放占用的页面空间。

方法一：

document.all.style.visibility="hidden";

document.all.style.visibility="visible";

方法二：

document.all.style.display="none";

document.all.style.display="inline";

[HTML] 显示/隐藏 DIV 的技巧 (visibility 与 display 的差别)】

style="visibility: none;"

document.getElementById("typediv1").style.visibility="hidd en";// 隐藏

document.getElementById("typediv1").style.visibility="visib le";// 显示】

style="display: none;"

document.getElementB