<html>
<body>
<script>
function change(val){
var list=document.getElementsByTagName('td')
if(val==1){
list[2].onclick=act
}else{
list[2].onclick=null
}
}
function act(){//这个函数不是重点,主要是实现点击画面校准后的按钮变色反应
alert("点我了")
}
</script>
<table id="t1">
<tr><td id="moren"><a href="#"onclick="change(0)">模式选择</a></td></tr>
<tr><td><a href="#" onclick="change(1)">窗口控制</a></td></tr>
<tr><td id="jiao"><a href="#">画面校准</a></td></tr>
</table>
</body>
</html>
应该是你act函数里报错了,你可以在act加个alert(),看是否有弹出来
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,然后按下Crtl+S保存一下:
2、创建一个button按钮,给按钮设置一个id,名字设置为“myBT”,创建一个用来显示隐藏的div,将其id设置为“main”:
3、给div和button设置一些样式,为了美观好看,这里无需设置display,因为默认就是显示的:
4、编写js脚本,这里用到Jquery,给button添加一个点击事件,然后获取div的dom,判断dom中的display属性值,如果是“none”,就显示div,否则则隐藏:
5、全部完成后,按下crtl+s保存,来到编辑器的右侧,观察显示效果,此时div是显示的:
6、点击hide按钮,会发现div消失了,反复点击按钮会重复显示隐藏的效果,以上就是用JS控制div显示隐藏的案例: