什么是.innerHTML和Jquery .append的安全替代品？

Question

Firefox插件被删除，因为对innerHTML的分配不安全。用Jquery append（）替换它，但这也不安全。我该怎么用呢？

我需要将内容动态添加到扩展的DOM中。当他们删除插件时，Mozilla给了我这个链接：https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Safely_inserting_external_content_into_a_page 但是我无法从链接中找出如何以安全的方式将节点添加到现有节点。

这是我现在正在做的一个例子。我在几个地方将一个节点附加到另一个节点。在这种情况下，我需要为每个类别创建一个div并将其添加到节点“文件夹”

var folders = $("#folders");

for (var i = 0; i < categories.length; i++) {
    var s = categories[i];

    var categoryFolder = $("<div>");
    categoryFolder.addClass("folder");
    categoryFolder.attr("id",s);
    categoryFolder.text(s);

    folders.append(categoryFolder);
  }