为什么document.getElementByID引发错误?

问题描述:

目前试图写一个脚本,将允许网站的用户电子邮件地址添加到邮件列表订阅一份通讯(它在早期阶段)为什么document.getElementByID引发错误?

每次我跑我收到以下错误代码:

Newsletter.js:2 Uncaught TypeError: document.getElementByID is not a function 
    at Newsletter.js:2 
    at Newsletter.js:11 

据我所知,这是第2和第11行有问题,我只是看不出是什么问题。

我已经包含了所有相关的HTML和CSS。

任何帮助将不胜感激。

的形式位于页脚区域,所以我刚才列入HTML页脚:

<footer class="container-fluid text-center"> 
    <p id="TestSubmit">Online Store Copyright</p> 
    <form class="form-inline" id = "NewsletterEmail">Get deals: 
      <input type="email" class="form-control" size="50" 
      placeholder="Email Address" id="EmailAddress"> 
      <button type="button" class="btn btn-danger" id="Submit">Sign 
    Up</button> 
    </form> 

    <script src="JS/Utilities.js"></script> 
    <script src="JS/Newsletter.js"></script> 
</footer> 

function addEvent(el, event, callback) { 
    if ('addEventListener' in el) {      
     el.addEventListener(event, callback, false);  
    } else {            
     el['e' + event + callback] = callback;   
     el[event + callback] = function() {    
      el['e' + event + callback](window.event); 
     }; 
     el.attachEvent('on' + event, el [event + callback]); 
    } 
} 

(function(){ 
    var form = document.getElementByID('NewsletterEmail'); 

    addEvent(form, 'Submit', function(e){ 
     e.preventDefault(); 
     var elements = this.elements; 
     var email = elements.email.value; 
     var msg = 'Welcome ' + username; 
     document.getElementByID('TestSubmit').textContent = msg; 
    }); 
}()); 
+4

的可能的复制[的document.getElementById不是一个函数(https://stackoverflow.com/questions/6409505/document-getelementbyid-is-not-a-function ) – Durga

+2

选中此项[getElementById](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)。不'getElementByID' – Durga

var form = document.getElementById('NewsletterEmail'); 

这是正确的,没有编号,但编号。

+0

谢谢你的男人!我很惊讶我有时会错过这个东西 –

+1

只是一个建议。回答印刷问题是一种不好的做法。 – Rajesh

getElementByIdgetElementByID

var form = document.getElementById('NewsletterEmail');