Walk a DOM tree and log a tag or text content

walkTree.js

function padding(depth) {
  return new Array(depth).fill(' ').join('');
}

function walk(node, depth) {
  if (node.nodeType === 1) {
    console.log(padding(depth) + node.tagName);
    let children = Array.from(node.childNodes);
    children.forEach(item => walk(item, depth + 1));
  } else if (node.nodeType === 3) {
    let text = node.textContent.trim();
    if (text) console.log(padding(depth) + text);
  }
}

function walkTree(selector) {
  let root = document.querySelector(selector);
  walk(root, 0);
}

walkTree('#root');