вы не поняли, если у меня события на клик по списку, если вставить li то события с уже существующих собьются, а если делать обвертку на li и потом ставить в ul получится каша, вот за что я

czp,
Мой скрипт вставляет детей обёртки, а не всю обёртку.

точно не собразил сразу)спаисбо потестим, сразу вопрос а если там 150 будет детей?не будет лагать?

Да нет, со 150-ю не должен. Можно ещё небольшую оптимизацию повести:

var d=document.createElement('ul');
d.innerHTML='<li>bla-bla</li>';
var fragment = document.createDocumentFragment();
while (d.children.length) fragment.appendChild(d.children[0]);
wrapper.appendChild(fragment);

все просто. вставлять HTML по методу insertAdjacentHTML("beforeEnd", "myhtml_here") - так обработчики не сбиваются.

а чем метод отличаеться от insertBefore и других

Он вставляет строку HTML кода, а не сам элемент

ага, тогда такой вопрос, может он вам глупым покажется(я настолько просто JS не знаю), какой вариант лучше юзать?
вариант который предложил Раед или Melky? менее ресурсоемкий какой?

insertAdjacentHTML вроде лучше

юзайте то, что проще, и что вам больше нравится.