                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

用按鈕輸出文字，按鈕就會消失如何解決？

用按鈕輸出文字，按鈕就會消失? 如何解決？

亂舞的旋律

2015-12-03

源自：JavaScript進階篇 6-2

關注問題我要回答

1888

操作

收起

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>