无法访问 [object HTMLInputElement] 的值答案

【问题标题】：Can't access value of [object HTMLInputElement]无法访问 [object HTMLInputElement] 的值
【发布时间】：2015-01-26 18:17:13
【问题描述】：

这是我的 HTML：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <form style="clear: left;" id="form">
            <input type="text" id="name" disabled="true" value="/path/to/device">
            <select name="Mode" id="mode">
                <option value="GEN">Generate Data</option>
                <option value="XBEE">Receive via XBEE</option>
                <option value="SD">Read SD card</option>
            </select>

            <input type="text" id="path" disabled="true" value="/path/to/device">
            <select name="Baud Rate" id="baud" disabled="true">
                <option value="9600">9600</option>
            </select>

            <button type="button" id="control">Start</button>
        </form>

        <textarea rows="50" cols="80" id="log" maxlength="1000">
        </textarea>

        <script type="text/javascript" src="http://127.0.0.1:8000/static/dataLogger/js/socket.io.js"></script>
        <script type="text/javascript" src="http://127.0.0.1:8000/static/dataLogger/js/main.js"></script>
</body>
</html>

还有我的javascript：

var form = document.getElementById("form");
var modeSelect = document.getElementById("mode");
var name = document.getElementById("name");
var path = document.getElementById("path");
var baud = document.getElementById("baud");
var submit = document.getElementById("control");

console.log(name);
console.log(name.value);
console.log(path);
console.log(path.value);

当我运行这段代码时，输出如下：

[object HTMLInputElement]
undefined
input#path
/path/to/device

我不确定为什么第二个输入有效，但第一个没有我尝试过使用其他选择器，例如 getElementsByTagName，但结果相同。有什么想法吗？

【问题讨论】：

一切正常 :) demo
您期待什么？如果您正在检索一个元素，那么获取一个元素不只是逻辑吗？
@Teemu Well... 1) 这两个元素在返回的格式上明显不同。一个返回“[object HtmlInput]”，一个返回“input#path”，这不是格式相同的逻辑吗？ 2）两者都有价值。我应该能够检索这两个值不是逻辑吗？

标签： javascript html dom

【解决方案1】：

我不知道name 是 Javascript 中的保留字。将 var name 更改为其他内容可解决此问题。

【讨论】：