Question

我是JavaScript的新手，并试图在我正在阅读的书中模仿一个例子。我想将输入的内容输入HTML元素，并使用.innerHTML将数据发送到元素。我不知道出了什么问题。

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

Answer 1

将name="date"添加到您的表单标记中，如下所示。否则document.date.user.value将无效。

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

解决此问题的另一种方法是访问date对象的window属性。

window.date.user.value;

这是可能的，因为您在表单上设置了id。

或者您可以考虑使用form访问id，然后获取用户值，如下所示：

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

Answer 2

为简化起见，您可以使用document.querySelector，具体取决于您的浏览器。看看这个非常有用的SO帖子： JavaScript: how to get value of text input field?

Answer 3

你应该先做这件事：

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

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

3 个答案: