html如何模拟点击隐藏button(可用js)?

html-css025

html如何模拟点击隐藏button(可用js)?,第1张

<head>

<script language="javascript" type="text/javascript">

function test(){

alert("this is bt2 click")

}

</script>

</head>

<body>

<input type="button" id='bt1' onclick=" document.getElementById('bt2').click()" value="bt1">

<input type="button" id='bt2' onclick="test()" value="bt2" style="display: none">

</body>

</html>

需要使用到js,获取到点击按钮

声明一个变量为 var flag = false

当点击时 if(!flag){ flag = true , 把要显示的元素设置display为none}else{ flag= false, display设置为block}

隐藏可以使用CSS属性中的display属性,属性值设置为:none

例如:

button{

display:none

}

即可实现隐藏

display属性介绍: