Парсинг через DOM получает все дочерние элементы и значения

Контейнер - это div, в который я добавил базовый HTML.

Функция debug_log выводит следующее:

Я нахожусь в промежутке!
Я в диве!
Я в
p

Что случилось с остальным текстом в теге p («тег aragraph !!»). Думаю, я не понимаю, как именно пройти по дереву документов. Мне нужна функция, которая проанализирует все дерево документа и вернет все элементы и их значения. Приведенный ниже код представляет собой своего рода первую попытку просто получить все отображаемые значения.

    container.innerHTML = '<span>I\'m in a span! </span><div> I\'m in a div! </div><p>I\'m in a <span>p</span>aragraph tag!!</p>';

    DEMO.parse_dom(container);



   DEMO.parse_dom = function(ele)
    {
        var child_arr = ele.childNodes;

        for(var i = 0; i < child_arr.length; i++)
        {
            debug_log(child_arr[i].firstChild.nodeValue);
            DEMO.parse_dom(child_arr[i]);
        }
     }