用戶輸入後更改div元素的文本

當某人在文本框中寫入內容並將其設置爲用戶寫入的文本時，我想更改div「結果」的文本。是否有人/專家/知識足以幫助我？我新的Java腳本，請幫助我。下面是代碼：用戶輸入後更改div元素的文本

<!DOCTYPE HTML> 
<html> 
<head> 

<script> 
function updateText(text){ 
document.getElementById("result").innerHTML =text; 
} 
}</script> 

</head> 
<body> 

<div id="text"> 
Write to change:<input id="slide" type="text" value="" 
onchange="updateText(this.value);" /> 


</div> 
<div id="result" style="height:40px;width:40px;border:1px solid #999"></div> 
<br/> 
</body> 

</html>

我也想知道如何插入，用戶寫進一個提示框到頁面的該元素的文本。

來源

2013-04-24 user2313853

你在你的js中有一個語法錯誤（刪除額外的'}'） – Josh 2013-04-24 05:24:55

@ user2313853如果你有兩個問題，你可能不應該把它們合併成一個這樣的。對於你的代碼示例，我建議關閉，因爲它不可能幫助這裏的其他人。如果這個問題被關閉，你的另一個問題（'如何插入...'），隱藏在最後，將被忽略，因爲這種組合。 – Anthon 2013-04-24 05:36:34

除了在代碼中使用了一個額外的'}'之外，您的代碼絕對沒問題。

<!DOCTYPE HTML> 
    <html> 
    <head>  
    <script> 
    function updateText(text){ 
    document.getElementById("result").innerHTML =text; 
    } 
    </script>  
    </head> 
    <body>  
    <div id="text"> 
    Write to change:<input id="slide" type="text" value="" 
    onchange="updateText(this.value);" /> 
    </div> 
    <div id="result" style="height:40px;width:40px;border:1px solid #999"></div> 
    <br/> 
    </body>  
    </html>

但是，在瀏覽器屏幕中，只有當您將控件遠離文本字段時才能看到輸出。嘗試在輸入一些內容後，點擊瀏覽器中的其他地方。

來源

2013-04-24 05:33:21 ikis

Josh已經找到了語法錯誤，你應該在你的答案中給予他信用，儘管在這裏重複說明你的答案完全沒問題（特別是對於懶得閱讀評論的人）。 – Anthon 2013-04-24 05:40:43

@Anthon同意前面指出額外的'{'，但由於提問者是JavaScript的新手，我認爲她可能在不撤銷文本字段的控制權（onChange不會觸發）的情況下期待輸出。所以接觸到只是詳細闡述一點。 :) – ikis 2013-04-24 05:49:27

我同意你的答案增加了價值，我只是開始回答'喬希已經指出......'。（喬希的評論最初是一個答案，並由我的旗幟之一的版主感動） – Anthon 2013-04-24 05:53:10

用戶輸入後更改div元素的文本

回答

相關問題