原生js设置div隐藏或者显示_js显示和隐藏div如何修改

匿名用户

1级

2013-07-11 回答

有三种方法实现，原声js两种，还有一种jquery的，其实只是写法不同。方法如下：

显示内容

点击显示

/*原生的js写法*/

function showdiv(){

if(showdiv_display = document.getElementById('show').style.display=='none'){//如果show是隐藏的

document.getElementById('show').style.display='block';//show的display属性设置为block(显示)

}else{//如果show是显示的

document.getElementById('show').style.display='none';//show的display属性设置为none(隐藏)

}

}

/*原生简写(三元运算)*/

function showdiv(){

/*

原理相同只是写法不同，判断show的display是不是none  是则设为block显示不是则设为none隐藏

*/

document.getElementById('show').style.display = document.getElementById('show').style.display=="none"?"block":"none";

}

/*jquery*/

function showdiv(){

if($("#show").css("display")=='none'){//如果show是隐藏的

$("#show").css("display","block");//show的display属性设置为block(显示)

}else{//如果show是显示的

$("#show").css("display","none");//show的display属性设置为none(隐藏)

}

}