如何写这个html onclick()事件
发布网友
发布时间：2022-04-25 15:43
共3个回答
热心网友
时间：2022-04-20 13:57
<body>
<div id="txt">
<input type="text" /></div>
<br />
<input type="button" id="btn" value="按钮" values="1"/>
</body>
<script type="text/javascript">
function click() {
var attr = document.getElementById("btn").attributes["values"];
var value = attr.value;
if (value == "1") {
document.getElementById("txt").style.display = "none";
attr.value = "2";
}
else if (value == "2") {
document.getElementById("txt").style.display = "block";
attr.value = "1";
}
}
window.onload=function(){
var btn=document.getElementById("btn");
btn.onclick=function(){click();};
};
</script>
热心网友
时间：2022-04-20 15:15
基本原理是：第一种方案：当点击按钮的时候display:none;文本框，当再点击时display:block；第二种方案：或者是利用删除、创建元素来做（当点击按钮时删除文本框节点元素，当再点击时，重新创建文本框元素）。
热心网友
时间：2022-04-20 16:49
使用jQuery的slideToggle方法，,
<button onclick=‘a()’>按钮</button>
<div id='text_space'>文本框，这里写的是一个div,可以任意修改，只要ID是这个就行的</div>
Javascript事件这么写：
function a（）｛
jQuery("#text_space").slideToggle();
｝
这样就可以了，对于slideToggle的具体用法可以到
http://www.w3school.com.cn/jquery/effect_slidetoggle.asp
这个地方去看
