字符串\ n \ n沒有創造<br>的

Question

我的‘描述’類的DIV從一個陣列以下拉：

[{ "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/