字符串\ n \ n没有创建<br/>的

Question

我的＆＃34;描述＆＃34; class从数组中提取以下内容：

[{ "id": "1", "text": "There are two.\n\nThe first one is..."}]

如何确保创建空间而不是仅用\n\n取代<br /><br />？

我已经尝试了

document.getElementById(".description").innerHTML = myObj.text.replace(/\n/g,"<br /><br />");

但没有运气。

Answer 1

看起来您可能正在尝试使用选择器：

document.getElementById(".description").innerHTML = ...;
// TypeError: Cannot set property 'innerHTML' of null

但是，getElementById()只需要id="..."个值。所以，它会试图找到：

<div id=".description"></div>

如果description是class名称：

<div class="description"></div>

您可以尝试使用document.querySelector()（IE8 +）。

document.querySelector('.description').innerHTML = myObj.text.replace(/\n/g,"<br /><br />");

示例：http://jsfiddle.net/4xUwn/