用按钮输出文字，按钮就会消失如何解决？-慕课网

首页课程实战体系课手记专栏慕课教程

用按钮输出文字，按钮就会消失如何解决？

来源：6-2 鼠标单击事件( onclick ）

乱舞的旋律

2015-12-03 22:25

用按钮输出文字，按钮就会消失如何解决？

写回答关注

3回答

梦小欣: 2015-12-10 15:42:06

已采纳

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单击事件 </title>
<script type="text/javascript">
  function fontshow(){
        var fontshow=document.getElementById("fontshow");
        // 给id为fontshow的p标签赋值
        fontshow.innerHTML="你好";
     }
</script>
</head>
<body>
  <form>
    <input name="点击我" type="button" value="点击我" onclick="fontshow()"/>
    <!--需要重新定义一个标签，才不会替换掉-->
    <p id="fontshow"></p> 
  </form>
</body>
</html>

3 0

技术爱好者回复0415

我先给一个标签在页面上，只是里面什么都没有，所以你看不到，。然后我点击按钮之后，将我要输出的文字放到这个标签里面。其中object.innerHTML就是修改标签里的内容。所以按钮继续保存了下来。

2016-01-14 15:30:45

共 3 条回复 >

程序猿涛涛

2016-01-22 15:32:38

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单击事件 </title>
<script type="text/javascript">
function fontshow(){
        var fontshow=document.getElementById("fontshow");
        // 给id为fontshow的p标签赋值
        fontshow.innerHTML="你好";
        //隐藏点击按钮
        document.getElementById("id").style.display="none";
     }
</script>
</head>
<body>
<form>
    <input name="点击我" id="id" type="button" value="点击我" onclick="fontshow();"/>
    <p id="fontshow"></p>
</form>
</body>
</html>

0 1
慕莱坞9220042

2015-12-04 09:27:27

你好，不太懂你的问题，可以说的详细点么？

2 0

慕莱坞922... 回复乱舞的旋律

你是要实现这么一个“点击按钮，数字出现，按钮消失”的效果是吧？

2015-12-04 10:38:50

共 2 条回复 >