Суть такая, для построения дерева страницы по заголовкам я пришел к выводу что нужно считать заглавные теги, в моем случаее h2, h3... добавить к ним уникальный id и в начале поста где стоит маркер вывести их в вижу ссылок на этот якорь. Но столкнулся с проблемой очередности данных заглавий, так как не знаю как смешать теги h2 и h3 в том порядке в котором они и проставлены.

для большего пинимания опишу это так:
Я получаю все теги h2, потом h3
проставляю к ним id="m'.kay.'"
и вывожу в начале ссылки <li><a href="//url#m'.kay.'">'.text.'</a></li>
Но хочется сделать в виде дерева

h2
-h3
-h3
h2
-h3
--h4
--h4
...

Если кто понял о чем я и знает как такое сделать буду рад совету, очень прошу не предлагать реализацию на jQuery.
Спасибо!)

Была также идея сперва пройтись по всем заглавным тегам и задать им доп стиль, а уже по второму кругу отрисовать дерево имея информацию об пренадлежании к тому или иному ряду заглавных тегов, но это как то очень тупо как мне кажется, хотя и более очевидно в плане реализации)

_____________
Ex3m.com.ua — Активный образ жизни

window.onload = function(){
			var metka = document.getElementById('metka');
			
			var post = document.getElementsByClassName('post');
			
			var title = post[0].getElementsByTagName('h1');
			for (var i = 0; i < title.length; i++) {
				title[i].className += ' title';
				title[i].id = 'h1';
			}
			var title = post[0].getElementsByTagName('h2');
			for (var i = 0; i < title.length; i++) {
				title[i].className += ' title';
				title[i].id = 'h2';
			}
			var title = post[0].getElementsByTagName('h3');
			for (var i = 0; i < title.length; i++) {
				title[i].className += ' title';
				title[i].id = 'h3';
			}
			var title = post[0].getElementsByTagName('h4');
			for (var i = 0; i < title.length; i++) {
				title[i].className += ' title';
				title[i].id = 'h4';
			}
			var title = post[0].getElementsByTagName('h5');
			for (var i = 0; i < title.length; i++) {
				title[i].className += ' title';
				title[i].id = 'h5';
			}
			var title = post[0].getElementsByTagName('h6');
			for (var i = 0; i < title.length; i++) {
				title[i].className += ' title';
				title[i].id = 'h6';
			}
			
			var title = post[0].getElementsByClassName('title');
			metka.innerHTML = '<ul>';
			for (var i = 0; i < title.length; i++) {
				metka.innerHTML += '<li class="'+title[i].id+'"><a href="#t'+i+'">' + title[i].innerHTML + '</a></li>';
				title[i].id = 't' + i;
			}
			metka.innerHTML += '<ul>';
		}

ну типо так, можно и оптимизировать, но меня напрягает переписывание id... Или же это вореант нормальный?

_____________
Ex3m.com.ua — Активный образ жизни