javascript - 检查浏览器是否支持 DocumentFragment

Question

我正在使用 DocumentFragment 将一些子节点附加到列表中，但是在某些浏览器中我遇到了不支持的问题。所以我想知道除了检查浏览器是否在支持的浏览器列表中（或者至少是为我完成这项工作的方法）之外，还有另一种检查方法吗？

对不起！！！这是我正在使用的代码

var frag = document.createDocumentFragment();
var li = document.createElement('li');
    li.className = "folders items";
    li.innerHTML = '<a href="'+ f.id +'" title="'+ f.name +'" class="folders">'+icon+'<span class="name">' + name + '</span><span class="details">' + itemsLength + '<span class="desc '+nrMg+'">' + itemsDesc + '</span></span></a>';
    frag.append(li);
container.append(frag);

容器是 Jquery 对象（$('#listF')）

已解决：我的错误，我使用的 append() 似乎适用于 chrome，但不适用于其他浏览器。在 documentFragment 上追加元素的正确方法是 appendChild()。

工作代码：

var frag = document.createDocumentFragment();
var li = document.createElement('li');
    li.className = "folders items";
    li.innerHTML = '<a href="'+ f.id +'" title="'+ f.name +'" class="folders">'+icon+'<span class="name">' + name + '</span><span class="details">' + itemsLength + '<span class="desc '+nrMg+'">' + itemsDesc + '</span></span></a>';
    frag.appendChild(li);
container.append(frag);