100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html页面按钮隐藏div显示 javascript 控制 DIV等html元素的显示和隐藏

html页面按钮隐藏div显示 javascript 控制 DIV等html元素的显示和隐藏

时间:2023-12-20 09:08:36

相关推荐

html页面按钮隐藏div显示 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.、要显示 /隐藏的 html元素加上 id属性

3、添加按钮,链接等触发 js函数

显示 /隐藏

javascript显示隐藏层

广告

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)

if (whichEl.style.display == 'none') {

whichEl.style.display = '';

}

else {

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="hidden";//隐藏

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

【style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示】

ttp:///TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">/TR/xhtml1/DTD/xhtml1-transitional.dtd">

/1999/xhtml">

jexm's blog

显示与否

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。