JavaScript获取多层嵌套元素文本节点内容返回undefined如何解决？

核心问题存在两处：

• 语法结构错误，for循环的闭合花括号位置错误，原代码中for循环的右花括号放在了文本节点判断分支的后面，导致后续的元素节点递归逻辑直接脱离了for循环的遍历范围，还和最外层的if(elem)形成了错误的if...else匹配，遍历逻辑完全失效。
• 文本节点属性使用错误，nodeType为3的文本节点不属于Element类型，不存在innerHTML、innerText、textContent这类元素节点专属属性，获取文本节点的内容需要使用nodeValue或者data属性。

修复后可用代码 #

function processTextNodesIn(elem) {
  if (elem) {
    for (var nodes = elem.childNodes, i = nodes.length; i--;) {
      var node = nodes[i], nodeType = node.nodeType;
      if (nodeType == 3) {
        // 文本节点使用nodeValue获取内容
        console.log("innerHtml = " + node.nodeValue);
      } else if (nodeType == 1 || nodeType == 9 || nodeType == 11) {
        // 递归逻辑移入for循环内部，遍历所有元素类型节点
        processTextNodesIn(node);
      }
    }
  }
}

内容的提问来源于stack exchange，提问作者Daolin