document.getElementByID不是一个函数

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (14)

我正在学习jQuery并且正在学习一个教程,一个非常奇怪的错误让我感到困惑。这是我的html:

<!doctype html>
<html>
  <head>
    <title> Simple Task List </title>
    <script src="jquery.js"></script>
    <script src="task-list.js"></script>
  </head>

  <body>
    <ul id="tasks">

    </ul>
      <input type="text" id="task-text" />
      <input type="submit" id="add-task" />
  </body>
</html>

和jQuery:

$(document).ready(function(){
    //To add a task when the user hits the return key
    $('#task-text').keydown(function(evt){
      if(evt.keyCode == 13)
      {
        add_task(this, evt);
      }
      });
    //To add a task when the user clicks on the submit button
      $("#add-task").click(function(evt){
        add_task(document.getElementByID("task-text"),evt);
        });
    });

function add_task(textBox, evt){
  evt.preventDefault();
  var taskText = textBox.value;
  $("<li>").text(taskText).appendTo("#tasks");
  textBox.value = "";
};

当我添加元素通过按回车键,没有问题。但是,当我点击提交按钮,然后显示此错误

document.getElementByID is not a function
[Break On This Error] add_task(document.getElementByID("task-text"),evt);
task-list.js (line 11)

我试图用jQuery来代替它

$("#task-text")

这一次的错误是:

$("<li>").text(taskText).appendTo is not a function
[Break On This Error] $("<li>").text(taskText).appendTo("#tasks");
task-list.js (line 18
which results in the following error

我一直试图调试一段时间,但我只是不明白。它可能是我犯的一个非常愚蠢的错误。

编辑:我使用jQuery 1.6.1

提问于
用户回答回答于

它是document.getElementById(),不是document.getElementByID()。检查外壳Id

用户回答回答于

扫码关注云+社区