                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

乱舞的旋律

2015-12-03

源自：JavaScript进阶篇 6-2

关注问题我要回答

1834

操作

收起

3 回答

梦小欣回答被采纳 +3 积分
2015-12-10

<!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>

0 回复有任何疑惑可以回复我~

收起回答

乱舞的旋律提问者

非常感谢！这样啊。。。

2015-12-10 回复有任何疑惑可以回复我~

0415

<p id="fontshow"></p>具体有什么含义吗？还是单单就这样定义一下就行呢？可以换成其他的吗？

2015-12-20 回复有任何疑惑可以回复我~

技术爱好者回复 0415

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

2016-01-14 回复有任何疑惑可以回复我~

程序猿涛涛
2016-01-22

<!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>