Javascript 为什么我的HTML代码返回[object HTMLFormElement]?

Javascript 为什么我的HTML代码返回[object HTMLFormElement]?,javascript,html,Javascript,Html,我对编码非常陌生,所以我为这个明显的问题道歉,但我正在尝试用HTML创建一个代码,它接受用户输入值并在段落标记下面打印值。如果这没有意义,这里是我目前为止的代码和文件的图像 函数myFunction(){ var输入=document.forms[“form”]; document.getElementById(“消息”).innerHTML=input } 按我! 谢谢大家! 使用下面的函数使用JS从文本字段获取值文档。表单是获取输入文本的错误方式 function myFunct

我对编码非常陌生,所以我为这个明显的问题道歉,但我正在尝试用HTML创建一个代码,它接受用户输入值并在段落标记下面打印值。如果这没有意义,这里是我目前为止的代码和文件的图像


函数myFunction(){
var输入=document.forms[“form”];
document.getElementById(“消息”).innerHTML=input
}
按我!


谢谢大家!

使用下面的函数使用JS从文本字段获取值<代码>文档。表单是获取输入文本的错误方式

  function myFunction(){
    var input = document.getElementById("theInput").value;
    document.getElementById("message").innerHTML = input
  }

快乐编码

因为
表单
是对文档中
的引用。它不是
元素,也不是您想要的
元素的值。我很久没有看到使用
文档.forms
(或任何类似的访问器)了。我建议使用更现代的JS,如
querySelector
等(如下面的答案所示)。注意:JavaScript不是Java,尽管它们的名字很相似。这似乎很有效!多谢各位