javascript - 請問如何在html中輸出字串中的換行符
为情所困
为情所困 2017-06-14 10:51:21
0
6
1107

我在後台獲取了一段字串輸出到前台的<p>標籤中,但是字串中有換行符'n',我想同樣輸出換行的效果。請問應該如何處理這段字串呢?我把'n'替換成了<br/>還是不行,原樣輸出了。
謝謝大家

为情所困
为情所困

全部回覆(6)
女神的闺蜜爱上我

有兩中方式,一是設定 white-space: pre;,空白會被瀏覽器保留。或使用

<pre>
    我是换行字

    符串
</pre>

,pre 元素可定義預先格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。

学霸

換行符不是n麼?

如果你這種情況,換成

阿神

根據你的描述,你應該是需要pre標籤吧.

女神的闺蜜爱上我

js中,可以使用. innerHTML = 'It
works'
來輸出html;如果是jQuery,則使用$.fn.html('It
works')
!
== == 以為是PHP 輸出
使用htmlentities 函數輸出替換後的內容!

阿神

這樣是可以的,題主最好把程式碼貼出來才知道是什麼原因

仅有的幸福

n在pre中有效

pre.innerHTML = 'hey,\nman'
// hey,
// man

在p中可以通過replace

let str = 'hey,\nman'
str = str.replace(/\n/, '<br>')
p.innerHTML = str
// hey,
// man
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板