为什么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;
});
}());
答
var form = document.getElementById('NewsletterEmail');
这是正确的,没有编号,但编号。
+0
谢谢你的男人!我很惊讶我有时会错过这个东西 –
+1
只是一个建议。回答印刷问题是一种不好的做法。 – Rajesh
答
它getElementById
不getElementByID
var form = document.getElementById('NewsletterEmail');
的可能的复制[的document.getElementById不是一个函数(https://stackoverflow.com/questions/6409505/document-getelementbyid-is-not-a-function ) – Durga
选中此项[getElementById](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)。不'getElementByID' – Durga