Javascript，正在查看[object HTMLInputElement]

Question

我刚刚开始学习HTML。对我的一个变量做一个alert()给了我这个结果[object HTMLInputElement]。

如何获取在文本字段中添加的数据，其中的输入类型是文本？

Answer 1

说你的变量是myNode，你可以做myNode.value来检索输入元素的值。

Firebug有一个显示有用DOM属性的“DOM”选项卡。

另请参阅Mozilla的页面的引用：https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 2

如果元素是<input type="text">，你应该查询value属性：

alert(element.value); 

请参阅本jsFiddle一个例子。

此外，看到您开始学习HTML，您可能会考虑使用console.log()而不是alert()进行调试。它不会中断脚本的执行流程，并且几乎每个浏览器中的开发人员工具都可以看到所有日志的总体视图（显然，，其中一个除外）。当然，你可以考虑使用一个像Firebug这样的web开发工具，这是一个功能强大的Firefox插件，它提供了很多功能（调试javascript代码，DOM检查器，实时DOM/CSS更改，请求监控...）

Answer 3

<input type="text" /> 
<script> 
$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 
</script> 

使用.VAL（）获取该元素（jQuery的方法）的值，$（ “输入：文本”）此选择你的选择输入.change（）将事件处理程序绑定到“更改”JavaScript事件。

Answer 4

变化：

$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 

到

$("input:text").change(function() { 
    var value=$("input[type=text].selector").val(); 
    alert(value); 
}); 

注：选择：ID，类..

Answer 5

当你从客户品牌和一个值，例如值。

var current_text = document.getElementById('user_text').value; 
     var http = new XMLHttpRequest(); 
     http.onreadystatechange = function() { 

      if (http.readyState == 4 && http.status == 200){ 
       var response = http.responseText; 
       document.getElementById('server_response').value = response; 
       console.log(response.value); 


      }