表示从 Javascript 到 HTML 的换行符

Question

我目前正在使用 Javascript 从数组中构建一个字符串并将其传递给一个 HTML 模式，但是我不清楚如何显示字符串之间有换行符，因为现在 HTML 将 Javascript 中的构建字符串表示为单线。任何帮助，将不胜感激。Javascript：    function ShowCrashString(str) {    var temp_split = str.split(';');    temp_str = '';    for (var i=0; i < temp_split.length; i++) {        temp_str += temp_split[i] + '\n;'    }    document.getElementById("crash-modal").innerHTML = temp_str;}HTML 模态代码：    <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">                <div class="modal-dialog modal-dialog-centered" role="document">                    <div class="modal-content">                        <div class="modal-header">                            <h5 class="modal-title" id="exampleModalLongTitle">Crash Analysis</h5>                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">                                <span aria-hidden="true">&times;</span>                            </button>                        </div>                        <div class="modal-body" id="crash-modal">                            <!-- data gets populated here -->                        </div>                        <div class="modal-footer" id="to-copy">                            <button type="button" class="btn btn-secondary" data-dismiss="modal"                                id="closeModal">Close</button>                            <button class="btn btn-primary" onClick="CopyToClipboard('crash-modal')">Copy</button>                        </div>                    </div>                </div>            </div>

Answer 1

您需要使用<br/>，而不是\n为HTML

temp_str += temp_split[i] + '<br/>'

Answer 2

有两种方法可以做到这一点：

1. 将您的文本放在 <pre> 标签中。这将显示您的换行符

2. 使用 str.replace(/\n/g,"<br>") 用 <br /> 标签替换换行符

Answer 3

我认为这会解决你的问题

function ShowCrashString(str) {

    var temp_split = str.split(';');

    temp_str = '';

    for (var i=0; i < temp_split.length; i++) {

        temp_str += temp_split[i] + '<br/>'

    }

   document.getElementById("crash-modal").innerHTML = temp_str;

}