Question

html 按钮 隐藏作用

如何编写一段web程序，要实现的作用是：一行文字后有一个按钮，按钮显示的文字为“隐藏”，点击按钮后，该按钮前的文字消失，按钮上的文字显示为“显示”，在点击按钮，文字图出现，该按钮上的文字显示为“隐藏”。
刚刚开始自学web，学的很烂，希望大家多多帮帮，谢谢了！
一个答案中，需要两个按钮分别实现隐藏和现实的效果，如果只要一个按钮怎么样才能达到那个效果？

Answer 1

楼上基本正确，至于按钮上文字的变化，采用的类似的方法，也给按钮增加一个id，判断当前显示的字符，然后相应的修改

Answer 2

合你要求

<form name= "form1 " action= " ">
<input type="button" name= "submit" id="T" value="隐藏" onClick= "showsubmenu();"><div id="submenu">hahaha</div>
</form>

<script>
function showsubmenu(){
var classidvalue = document.getElementById("T").value;
if(classidvalue == "隐藏"){
eval("submenu.style.display=\"none\";");
document.getElementById("T").value = "显示";
}
else{
eval("submenu.style.display=\"\";");
document.getElementById("T").value = "隐藏";
}
}
</script>