js中如何实现一个按钮只有在某个特定的按钮按下后,才能发挥作用

JavaScript07

js中如何实现一个按钮只有在某个特定的按钮按下后,才能发挥作用,第1张

<!DOCTYPE html>

<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显示隐藏的案例: