javascript - 从保留换行符的 DOM 中提取未格式化文本的最佳方法？

Question

假设我在 HTML 中有以下元素 TEXT:

<div id="TEXT">
  <p>First <strong>Line</strong></p>
  <p>Seond <em>Line</em></p>
</div>

如何从这个元素中提取原始文本，不带 HTML 标签，但保留换行符？

---

我知道以下两个选项，但它们似乎都不完美:

1. document.getElementById("TEXT").textContent
   • 返回
     • 第一行第二行
   • 问题:忽略了段落之间应该包含的换行符
2. document.getElementById("TEXT").innerText
   • 返回
     • 第一行
第二行
   • 问题:不是 W3C 标准的一部分，不能保证在所有浏览器中都能正常工作

Answer 1

这是一个获取任何元素的文本内容的便捷函数，它在所有平台上都运行良好，是的，它保留了换行符。

function text(e){
    var t = "";
    e = e.childNodes || e;
    for(var i = 0;i<e.length;i++){
        t+= e[i].nodeType !=1 ? e[i].nodeValue : text(e[i].childNodes);
    }
    return t;
}