Добавить теги внутри тега li

[Vaska]

Привестствую!
Делаю верстку вкладок и чтобы стало красиво, нужно внутри тега li добавить парный тег DIV с атрибутом CLASS. Эти вкладки на десятках страниц, поэтому нужно скриптом добавить. Нужно, чтобы во всех популярных браузерах работало, в IE конечно тоже.

Сейчас так:

<div class="tabmenu">
    <ul class="tab">
        <li class="active"><a href="">Отправленные</a></li>
        <li><a href="">Системные</a></li>
    </ul>            
</div>

Нужно так:

<div class="tabmenu">
    <ul class="tab">
        <li class="active"><div class="tab-inner"><a href="">Title 1</a><div></li>
        <li><a href=""><div class="tab-inner">Title 2</a><div></li>
    </ul>            
</div>

Заранее спасибо.
Смотрел эту тему Как добавить div в уже существующий div
Не справился.

[рони]

Vaska,

чтобы стало красиво

достаточно css для .tab li

[voraa]

document.addEventListener('DOMContentLoaded', function () {
   var li, i;
   var lists = document.querySelectorAll(ul.tab>li');
   for ( i = 0; i<lists.length; i++) {
      li = lists[i];
      li.innerHTML = '<div class="tab-inner">' + li.innerHTML +'</div>';
   }
})

[рони]

Vaska,
но если хочется погорячее

wrapEach('.tabmenu .tab li a', 'div', 1, 'tab-inner');

https://javascript.ru/forum/dom-wind...tml#post533431

[Vaska]

wrapEach('.tabmenu .tab li a', 'div', 1, 'tab-inner');

Ваш вариант работает. Спасибо, большое!

[Vaska]

voraa,
Ваш вариант не работает. Спасибо, что поучаствовали.

[рони]

Ваш вариант не работает

кавычки строка 3 пост #3

[Vaska]

кавычки строка 3 пост #3

Да, если добавить кавычку, то работает.