Javascript 未捕获类型错误：无法设置属性'；innerHTML'；使用for循环返回null

基本上，我对这段代码所做的是，我想获取用户输入的宠物数量，记下宠物的名字，并将它们放入一个变量中，稍后我可以在程序中打印出来

{
return document.getElementById(id);
}
var processInfo = function ()
{
    //Setting varibles from HTML
    first = $('firstname');
    last = $('lastname');
    petnum = $('numpets');
    //For loop for pet names
    var Petlist = '';
    for (cntr = 1; cntr <= petnum.value; cntr++)
    {
        petID = 'pet' + cntr;
        PetName = $(petID).value;
        Petlist += PetName;
    }

    //Checking for blank strings to be filled
    /*var errorFoundFlag = 'N';

    if (something is found to have an error)
    {
        msg += "error found with something";
        errorFoundFlag = 'Y';
    }

    if (somethingElse is found to have an error)
    {
        msg += "error found with somethingElse ";
        errorFoundFlag = 'Y';
    }

    if (errorFoundFlag == 'N')
    {
       Do the processing called for in the "Success" section above
    }
    */



    $("msg").innerHTML = Petlist;

}

window.onload = function ()
{
$("mybutton").onclick = processInfo;
}

{
返回文档.getElementById（id）；
}
var processInfo=函数（）
{
//从HTML设置变量
first=$（'firstname'）；
last=$（'lastname'）；
petnum=$（'numpets'）；
//用于宠物名称的循环
var-Petlist=''；
对于（cntr=1；cntr您正在将
DOM
与
jQuery
相结合。这是行不通的。

使用与
innerHTML
等效的
jQuery
方法

$("msg").html(Petlist);

您正在将
DOM
与
jQuery
相结合。这行不通。

使用与
innerHTML
等效的
jQuery
方法

$("msg").html(Petlist);

嗯，您的元素被称为
message
，而不是
msg
。var$=function（id）这是我意外获取的第一行代码out@RaymondChen啊，啊，啊，谢谢。哇，我觉得很愚蠢，答案在错误表中。“无法设置null属性”表示您试图执行
null.innerHTML
。在这种情况下，它是
$（“msg”）.innerHTML
，这意味着
$（“msg”）
为空。然后您必须考虑它如何为空。嗯，您的元素被称为
message
，而不是
msg
。var$=函数（id）这是我不小心拿走的第一行代码out@RaymondChen啊，啊，啊，谢谢。哇，我觉得很愚蠢，答案在错误表中。“无法设置null属性”表示您试图执行
null.innerHTML
。在这种情况下，它是
$（“msg”）。innerHTML
，这意味着
$（“msg”）
为空。然后您必须考虑它如何为空。