你好,我在這裏發送一個關於發送用戶輸入到HTML文檔的div部分的快速問題。我之前問過這個問題,看起來太寬泛了,所以這次我會試着更具體一些。發送用戶輸入到div
我試圖發送一個用戶輸入到發送按鈕的div onclick,但每次代碼只是改變文本,而不是打印下面的文本。我很好奇我在做什麼錯。感謝閱讀,這裏是我的代碼。
<div id="out"</div>
<input type="text" name="textIn" id="txtin">
<input type="button" value="Hit me" onclick="hello()"></input>
<script>
function hello() {
document.getElementById("out").innerHTML =
document.getElementById('txtin').value + "<br />"
}
</script>
https://jsfiddle.net/su0o83hj/1/
回答
你有一些語法錯誤,解決它,它會工作
<div id="out"></div>
<input type="text" name="textIn" id="txtin" />
<input type="button" value="Hit me" onclick="hello()" />
<script>
function hello() {
document.getElementById("out").innerHTML +=
document.getElementById('txtin').value + "<br />"
}
</script>
不按他想要的方式工作 –
我仔細檢查並編輯,謝謝@BurakAkyıldız – dloeda
如果要追加到現有文本,使用+ =而不是=在功能中:
function hello() {
document.getElementById("out").innerHTML +=
document.getElementById('txtin').value + "<br />"
}
非常感謝您,我將盡力在未來記住這一點:D – thatcomputerguy
您可以使用Element.insertAdjacentHTML()傳遞的第一個參數beforeend
:
var out = document.getElementById('out'),
txtin = document.getElementById('txtin');
function hello() {
out.insertAdjacentHTML('beforeend', txtin.value + '<br>');
}
<div id="out"></div>
<input type="text" name="textIn" id="txtin">
<input type="button" value="Hit me" onclick="hello()">
- 1. 發送用戶輸入到shell腳本
- 2. 發送用戶輸入到SQLite
- 3. php用戶輸入不會被髮送
- 4. 發送用戶輸入行的DataGrid
- 5. 什麼是發送與用戶輸入
- 6. 輸入值發送到Url.Action
- 7. 發送輸入到params
- 8. 推送用戶輸入到陣列
- 9. 用ajax發送文件輸入到php
- 10. 發送請求,直到用戶輸入爲預定值
- 11. 認證後無法將用戶輸入發送到firebase
- 12. 我的PHP代碼不發送用戶輸入到數據庫
- 13. CSS3轉換:發送輸入到轉化DIV
- 14. 將HTML輸入值發送到JavaScript
- 15. 發送提示輸入到Diagnostics.Process
- 16. 當Logstash發送ACK到輸入源
- 17. 發送標準輸入到Arduino C#
- 18. 發送表單輸入值到URL
- 19. 從android發送輸入數據到php
- 20. 發送輸入密鑰到Webbrowser1
- 21. PowerShell的管道輸入發送到管
- 22. 如何發送輸入從Excel到Python?
- 23. 發送輸入值到javascript函數
- 24. 發送HTML輸入到PHP Twilio腳本
- 25. 如何發送輸入到winlogon中c#
- 26. 將輸入發送到nmap進程
- 27. 點擊div後將內容推送到div的隱藏輸入
- 28. PHP發送郵件到用戶郵箱地址輸入到一個文本框
- 29. 發送用戶到頁面
- 30. 使用Android的用戶輸入發送電子郵件
''
修復此問題:'
'然後@Jay巴克曼回答正確 – RaphaMex