JavaScript |未捕获的 ReferenceError：未定义 insertAfter

Question

我创建了根据类别顺序对产品进行排序的功能。但只能通过js。当我重新加载页面时，控制台打印了以下内容：

Uncaught ReferenceError: insertAfter is not defined

什么导致了错误？

这是我的 JavaScript，

var products = document.querySelector('.js-catalog-items');
      for (var i = 0; i < products.children.length; i++){
          for (var j = i; j < products.children.length; j++){
            if (+products.children[i].getAttribute('data-product-cat-id') > +products.children[j].getAttribute('data-product-cat-id')){
                replacedNode = products.replaceChild(products.children[j], products.children[i]);
                insertAfter(replacedNode, products.children[i]);
            };
          };
    };

这是我的 html.

<div class="js-catalog-items">
    <div data-product-cat-id="1">one</div>
    <div data-product-cat-id="2">two</div>
    <div data-product-cat-id="3">three</div>
    <div data-product-cat-id="4">four</div>
    <div data-product-cat-id="5">five</div>
    <div data-product-cat-id="6">six</div>
    <div data-product-cat-id="7">seven</div>
    <div data-product-cat-id="8">eight</div>
    <div data-product-cat-id="9">nine</div>
    <div data-product-cat-id="10">ten</div>
</div>