如何在前台用javascript控制控件的visible属性？_教程

用jQuery的话，非常简单：

$('#button_id').click(function(){

$('#table_id').toggle()

})

如果不用框架，先做一个函数

function toggle() {

var table = document.getElementById('table_id')

table.style.visibility = (table.style.visibility == 'hidden') ? 'visible' : 'hidden'

}

然后给button写一个属性

onclick="toggle()"

就行了。

注意：例子里面的 button_id 和 table_id 要换成你自己的 id。

<!doctype html>

<head>

<title>Document</title>

#table{border-collapse: collapseborder: 1px solid redmargin:20px autovisibility:hidden}

td{border:1px solid blackwidth: 100pxheight: 40px}

</style>

window.onload=function(){

//获取DOM元素

var oBtn=document.getElementById('btn')

var table=document.getElementById('table')

//给按钮绑定点击事件

oBtn.onclick=function(){

table.style.visibility='visible'

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

如何在前台用javascript控制控件的visible属性？