JavaScript textContent显示特殊字符

Question

给定字符串var str = "foo \n bar"如何在HTML中呈现它，使其完全按原样显示 - foo \n bar。

如果我使用textContent或innerHTML将此字符串放入DIV，我会"foo bar"。 PRE将在第1行显示"foo"，在第2行显示" bar"。

我是否必须手动转义每个特殊字符，或者有CSS规则或HTML标记为我执行此操作？