document.getElementByID不是一个函数

14 浏览
0 Comments

document.getElementByID不是一个函数

我正在学习jQuery并且在跟着教程做练习，但是遇到了一个非常奇怪的错误，让我困惑不已。

这是我的html代码：

简单任务列表

以及jQuery代码：

$(document).ready(function(){

// 当用户按下回车键时添加任务

$('#task-text').keydown(function(evt){

if(evt.keyCode == 13)

{

add_task(this, evt);

}

});

// 当用户点击提交按钮时添加任务

$("#add-task").click(function(evt){

add_task(document.getElementByID("task-text"),evt);

});

});

function add_task(textBox, evt){

evt.preventDefault();

var taskText = textBox.value;

$("

  • ").text(taskText).appendTo("#tasks");

    textBox.value = "";

    };

    当我通过按下回车键添加元素时，没有问题。但是当我点击提交按钮时，Firebug显示以下错误：

    document.getElementByID不是一个函数

    [Break On This Error] add_task(document.getElementByID("task-text"),evt);

    task-list.js (line 11)

    我尝试使用jQuery替代它，将其替换为$("#task-text")，但是这次的错误是：

    $("

  • ").text(taskText).appendTo不是一个函数

    [Break On This Error] $("

  • ").text(taskText).appendTo("#tasks");

    task-list.js (line 18)

    我已经尝试调试了一段时间，但是还是不明白问题所在。可能是我犯了一个非常愚蠢的错误。非常感谢任何帮助。

    注：

    我正在使用jQuery 1.6.1版本。

    • 0