html 按钮 隐藏作用
刚刚开始自学web，学的很烂，希望大家多多帮帮，谢谢了！
一个答案中，需要两个按钮分别实现隐藏和现实的效果，如果只要一个按钮怎么样才能达到那个效果？ 展开
可以使用js来实现按钮和文本的显示隐藏。
1.创建一个新的html文档，在body标签中添加span标签和按钮标签，并为每个标签设置一个id：
2.添加脚本标记并向脚本标记添加按钮单击事件。如果按钮的内容为“隐藏”，则文本将被隐藏，按钮内容将转换为“显示”：
3.如果按钮内容不是“隐藏”，将显示文本，按钮内容将“隐藏”：
可以用js实现按钮和文字的显示隐藏。
1、新建html文档，在body标签中添加一个span标签和button标签，并为它们分别设置一个id：
2、添加script标签，在script标签中添加按钮的点击事件，如果按钮的内容为“隐藏”，就会将文字隐藏，并且将按钮内容转为“显示”：
3、如果按钮内容不是“隐藏”，就会将文字显示出来，并且将按钮内容转为“隐藏”：
1·、新建一个html页面，然后在这个代码页面上创建一个div标签id为app，然后在这个div标签里创建一个按钮标签和一个用于显示隐藏的div标签。
2、引入vue.js。在body结束标签前面使用<sctipt>引入vue.js文件。
3、为vue创建挂载点。在vue.js引入文件后面新建一个<sctipt>标签，然后创建vue的挂载点。
4、使用data创建一个show属性，设置默认值为true；使用metheds创建一个点击事件（showCont），该事件处理当show值为true就修改给false，当show为false就修改为true。
5、添加显示隐藏功能。在按钮标签上添加点击事件showCont，在按钮标签后的div标签上使用v-if添加show属性。
6、保存html代码，然后使用浏览器打开，点击按钮会发现按钮后面的文字隐藏了，再次点击按钮隐藏的内容又显示出来。
1、首先打开html编辑器，新建一个html文件，在里面创建一个按钮和div，分别给它们一些样式，再给按钮绑定一个点击事件，然后给div的样式的display属性的值设置为none：
2、在下方写js代码，首先定义一个函数，里面先获取div和按钮的dom元素，然后判断div中display值是否为none，是的话将它的值改为block属性，并且将按钮的文本改变成隐藏div；否则的话则相反：
3、最后打开浏览器，可以看到一个橙色的按钮，点击一下：
4、此时div就显示出来了。以上就是html设置切换按钮隐藏的方法：
<html>
<body>
<div id= "divID" style= "display:block">
测试
</div>
<input type=button value= "显示" onclick='document.getElementById("divID").style.display="block"'>
<input type=button value= "隐藏" onclick='document.getElementById("divID").style.display="none"'>
</body>
</html>
|
广告 您可能关注的内容 |
