如何使用JavaScript .innerHTML將HTML <input>元素的信息發送到<span>？

我對JavaScript很陌生，試圖模仿我正在閱讀的書中的一個示例。我想將什麼輸入到HTML元素，並使用.innerHTML將數據發送到元素。我不知道什麼是錯的。如何使用JavaScript .innerHTML將HTML <input>元素的信息發送到<span>？

<!DOCTYPE html> 
<html> 
<head> 
<title>JS Form</title> 
</head> 
<body> 
    <form id="date"> 
    <table> 
     <tr><td><input type="text" name="user" placeholder="Please input name" onchange="greeting();"></td> 
     </tr> 
     <tr><td><span id="hello"></span></td> 
     </tr> 
    </table> 
    </form> 
<script type="text/javascript"> 
    function greeting() { 
    var user = document.date.user.value; 
    var hello = document.getElementById("hello"); 
    hello.innerHTML = "How are you " + user; 
    } 
</script> 
</body> 
</html>

來源

2013-08-18 user2558935

將name="date"添加到您的表單標籤，如下所示。否則document.date.user.value將不起作用。

<form id="date" name="date">

另一種方式來解決這個問題，正在訪問window對象的date財產。

window.date.user.value;

這是可能的，因爲您已在窗體上設置了id。

或者你可以考慮使用訪問form其id，然後讓用戶價值如下：

var user = document.getElementById("date").user.value;

來源

2013-08-18 04:04:31 Harry

感謝您的幫助！ – user2558935

爲了簡化，並根據您的瀏覽器，你可以使用document.querySelector。看看這個非常有用的SO職位： JavaScript: how to get value of text input field?

來源

2013-08-18 04:06:25 DevlshOne

這是我最喜歡的職位之一。肯定比任何W3教程更好。 ;） – DevlshOne

你應該這樣做第一：

var user= document.getElementsByName("user"); 
var hello = document.getElementById("hello"); 
hello.innerHTML = "How are you " + user[0].value;

來源

2013-08-18 04:11:41

感謝您的幫助！ – user2558935

如何使用JavaScript .innerHTML將HTML <input>元素的信息發送到<span>？

回答

相關問題