表示从 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为HTMLtemp_str&nbsp;+=&nbsp;temp_split[i]&nbsp;+&nbsp;'<br/>'

Answer 2

有两种方法可以做到这一点：将您的文本放在 <pre> 标签中。这将显示您的换行符使用 str.replace(/\n/g,"<br>") 用 <br /> 标签替换换行符

Answer 3

我认为这会解决你的问题function ShowCrashString(str) {&nbsp; &nbsp; var temp_split = str.split(';');&nbsp; &nbsp; temp_str = '';&nbsp; &nbsp; for (var i=0; i < temp_split.length; i++) {&nbsp; &nbsp; &nbsp; &nbsp; temp_str += temp_split[i] + '<br/>'&nbsp; &nbsp; }&nbsp; &nbsp;document.getElementById("crash-modal").innerHTML = temp_str;}