Добавить теги внутри тега li
Привестствую!
Делаю верстку вкладок и чтобы стало красиво, нужно внутри тега 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>
Заранее спасибо. Смотрел эту тему http://javascript.ru/forum/misc/3062...hhijj-div.html Не справился. |
Vaska,
Цитата:
|
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 |
Цитата:
|
voraa,
Ваш вариант не работает. Спасибо, что поучаствовали. |
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 09:02. |