javascript 如何在向 div 标签添加文本时添加换行符

How to add line breaks while adding text to div tag

提问by Vani

All, I am working on populating a div tag with text.

所有，我正在用文本填充 div 标签。

var centName;
 centName=centName+$(this).attr('data-centerName');//tried <br/> / '\n'

 $("#selOccs").text(centName.Trim(';'));

My div tag is like

我的 div 标签就像

  <div ID="selOccs" NAME="selOccs"  style="width: 350px; height: 100px;border:1px solid ;
                   overflow-y: scroll; scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color: #888888">

   </div>

The issue is adding line breaks. I need display the centName with line breaks.so far all the values are coming in one line[ as per the code].

问题是添加换行符。我需要用换行符显示 centName。到目前为止，所有值都在一行中[根据代码]。

I tried adding <--br/--> and '\n' but itseems to be not working..

我尝试添加 <--br/--> 和 '\n' 但它似乎不起作用..

回答by VVV

Use .html()instead of text and in the string you can then use <br/>

使用.html()而不是文本，然后在字符串中使用<br/>

回答by Anthony Simmon

var centName;

centName = centName + $(this).attr('data-centerName') + '<br/>';

$("#selOccs").html(centName.Trim(';'));