无法访问 [object HTMLInputElement] 的值

Can't access value of [object HTMLInputElement]

本文关键字：HTMLInputElement 的值 object 访问更新时间：2023-09-26

这是我的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，但这给出了相同的结果。有什么想法吗？

我不知道name在Javascript中是一个保留词。将var name更改为其他内容可以解决此问题。

没有找到相关文章