Ошибка при добавлении к documentFragment

Я получаю ошибку при создании фрагмента документа, добавлении к нему элементов и возвращении этого фрагмента. Я использовал фрагменты документа в прошлом (злоупотреблял ими за пределами этого примера) и никогда не сталкивался с этой ошибкой. В консоли разработчика он указывает это как источник ошибки:

fragment.appendChild($balanceNumber, $balanceSign);

ошибка

Uncaught NotFoundError: Была сделана попытка ссылаться на узел в контексте, где он не существует.

функция

var constructBalanceFragment = function(balance) {
 var $balanceNumber, $balanceSign, fragment, sign;
 fragment = document.createDocumentFragment();
 $balanceNumber = $('');
 $balanceSign = $('');
 if (balance > 0) {
 sign = "+";
 $balanceSign.addClass("positive_number");
 } else if (balance < 0) {
 sign = "-";
 $balanceSign.addClass("negative_number");
 } else {
 sign = "";
 }
 $balanceNumber.text(balance);
 $balanceSign.text(sign);
 fragment.appendChild($balanceNumber, $balanceSign);
 return fragment;

редактировать

Я пробовал это и до сих пор получил ту же ошибку, прежде чем кто-нибудь спросит

fragment.appendChild($balanceNumber);
fragment.appendChild($balanceSign);
2 ответа

Это ближе к вашему оригиналу и, кажется, работает, сохраняя его в духе jQuery:

$(fragment).append($balanceNumber, $balanceSign);

http://jsfiddle.net/TfDXD/1/


Работать вокруг

Я исправил это, используя $object.appendTo(fragment) vs fragment.appendChild($object) для тех, кто работает с этим в будущем.

licensed under cc by-sa 3.0 with attribution.