代码之家  ›  专栏  ›  技术社区  ›  Vic Fanberg

getElementById在表单中似乎失败

  •  -1
  • Vic Fanberg  · 技术社区  · 4 年前

    我在让getElementById在特定网页上工作时遇到了问题。所以,我减少了以下最少的代码。在这段代码中,显示了第一个alert(),但第二个没有,我只能猜测为什么getElementById()失败了。有什么想法吗?

    <!doctype html>
    <html>
        <head>
            <script type="text/javascript">
                function Process(X) {
                    alert("In Process at A");
                    var y = Document.getElementById("YourName").value;
                    alert("At B");
                }
            </script>
    
            <meta charset="utf-8">
            <title>Test</title>
        </head>
    
        <body>
            <div>
                <form onsubmit="Process(getElementById('YourName').value);return false;">
                    <label for="name">Your name</label>
                    <input type="text" maxlength="50" name="YourName" id="YourName">
    
                    <input type="submit" value="Do it" />
                </form> 
            </div>
        </body>
    </html>
    1 回复  |  直到 4 年前
        1
  •  2
  •   Quentin    4 年前

    Document.getElementById 失败是因为 getElementById 是该公司的财产 document 对象不是 Document 对象。JS区分大小写。

    getElementById('YourName') 失败是因为 getElementById 是该公司的财产 文件 对象,不是全局对象。