javascript - 对象不支持 IE9 中的属性或方法 'append'

Question

此脚本可在 firefox 或 chrome 中运行，但在 IE9(我们网站的顶级浏览器)中只能运行一半。

我遇到的问题是抛出这个错误。

SCRIPT438:对象不支持属性或方法“追加”calc_ajax.js，第 26 行第 21 个字符

在这一行:item.append(link);

我不知道为什么。任何帮助，将不胜感激。

$(document).ready(function(){
$('.first a.btn').click(function(){
    $('.first a.active').removeClass('active');
    $(this).addClass('active');
    $('.second .title').addClass('active');

    var id = $(this).data('cat-id');

    var wrap = $('<div>');

    $.ajax({
        url:    script_url,
        type:   "post",
        data: {"cat": id},
        dataType: "json"
    }).success(function(result){
        if(result.status == "ok"){
            $.each(result.data, function(i, elem){
                item = $("<div class='body-area'>").append($("<img src='" + elem.image + "'>"));
                link = $("<a href='#results' class='btn'>");
                link.text(elem.name);
                link.data('subcat-id', elem.id);
                item.append(link);

                wrap.append(item);

            });
            $('.second .body').html(wrap).slideDown('fast');
        }
    });
});

$('.second a.btn').live('click', function(){
    $('.second .body-area.active').removeClass('active');
    $(this).parent().addClass('active');

    var sub_id = $(this).data('subcat-id');        

    $.ajax({
        url:    script_url,
        type:   "post",
        data: {"subcat": sub_id},
        dataType: "json"
    }).success(function(result){
        if(result.status == "ok"){
            $('.third .title').text(result.data.title);
            $('.third .body').html(result.data.body);
            $('.third').slideDown('fast'); 
        }
    });        
});

});

Answer 1

我在 IE11 上使用原生函数 document.body.append 时遇到同样的错误。

您可以使用 document.body.appendChild 或插入 polyfill from MDN (npm)。