Как обойти все узлы внутри родителя (детей, внуков, правнуков, ...)?

Question

[Ст. Ку.]

Здравствуйте. Пробовал рекурсию. Но первый же return заканчивает функцию, а без него - вечный цикл.

Вот: jsfiddle.net/kukaew/n6qpw2ga

Спасибо.

<mark class="obj"><u><a>т</a><strike><b>уп</b><a>и</a></strike><a>к</a></u></mark>

<div id=w></div>

var obj = document.getElementsByClassName('obj')[0];

Recurs(obj);

function Recurs(obj) {
	if ( obj.nodeType === 3) w.innerText = w.innerText + obj.textContent;	
	else for (i = 0; i < obj.childNodes.length; i++) return Recurs(obj.childNodes[i]);
}

Comments

[Stalker_RED]

Вам плоский список нужен или дерево?

[Ст. Ку.]

Stalker_RED, плоский, просто обойти и переписать всех.

Answer 1

[Stalker_RED]

https://jsfiddle.net/p22264uz/

а текст копируется вообще одной строчкой, без всяких рекурсий https://jsfiddle.net/xr9wh0v4/

Comments

[Ст. Ку.]

Спасибо! Работает. Замороченно только, ниже ответ проще, кажется.

[Stalker_RED]

Ст. Ку., ответ от Алексей Зуев не возвращает список элементов.

Если нужен именно обход, без сбора списка: https://jsfiddle.net/zpjxk0jb/

[Ст. Ку.]

Да, там arr.push(obj); вставить и как раз то, что мне нужно.

https://jsfiddle.net/kukaew/n6qpw2ga/2/

Спасибо ещё раз. Изучаю ваш код, для развития.

Answer 2

[Алексей Зуев]

Уберите return и избавьтесь от глобальной переменной i

for (var i = 0;

https://jsfiddle.net/zspe25p4/

Comments

[Ст. Ку.]

Спасибо. Вот я балван, пол ночи просидел.