Как добавить элемент DOM в пустой элемент в JavaScript?

У меня есть куча объектов, которые возвращают DOM-дерево, которое я затем использую для добавления к элементу. Например,

var elem = document.createElement('div');
elem.appendChild(callSomePrototypesMethod());
elem.appendChild(callSomePrototypesMethod());
elem.appendChild(callSomePrototypesMethod());

и я в конечном итоге закончу что-то вроде:

<div>
<div id="...">...</div>
<div id="...">...</div>
<div id="...">...</div>
</div>

Эти три DIV были созданы сторонним кодом, и я оборачиваю их вокруг своего тега DIV здесь, но вместо этого я хочу просто добавить их к пустому элементу, но это не работает:

var elem = document.createElement('');
elem.appendChild(callSomePrototypesMethod());
elem.appendChild(callSomePrototypesMethod());
elem.appendChild(callSomePrototypesMethod());

Ожидаемые результаты:

<div id="...">...</div>
<div id="...">...</div>
<div id="...">...</div>

Я не уверен, имеет ли это какой-то смысл для вас, но мне нужно использовать DOM, и я не могу поместить этот контент в какие-либо другие элементы...