如何在javascript中为div设置可见属性

Question

I cannot able to access control in the below way

document.getElementById("_ctl0_ContentPlaceHolder1_divDocSearch").style.visibility = 'visible';

but i can able to access as

var div = document.getElementById("_ctl0_ContentPlaceHolder1_divDocSearch");
div.style.visibility = 'visible';

How to access with above line, is there any toggle property available for this ?

Answer 1

Try

div.style = 'display:none';

to hide the div. and thus

div.style = 'display:inline'; // or block, or whatever you need.

to display the div.

EDIT:

Just foudn this: http://www.w3schools.com/css/css_display_visibility.asp

so it looks like you can do

div.visibility = 'hidden';

Answer 2

You can create a function like below

function toggle(obj){
    if(obj.style.visibility == "visible")
        obj.style.visibility = 'hidden';
    else
        obj.style.visibility = 'visible';
}

And then call them on the each element using toggle(object) ;

Answer 3

尝试这个：

document.getElementById("<%= divDocSearch.ClientID %>").style.display = 'none';

Answer 4

You can call the below function on click of all those divs passing in the id of the particular div being clicked. It finds all divs by using document.getElementsByTagName and hides them. Then it again makes visible the div whose id is passed

function showdiv(divid) {
  divs = document.getElementsByTagName("div");
  count=divs.length;
  for(i=0;i<count;i++) {
    divs[i].style.visibility="hidden";
  }
  document.getElementById(divid).style.visibility="visible";
}