javascript - 换行 javascript 或 asp.net

Question

我想在我的代码中添加一个新行，以便我的文件可以位于彼此之下。我将发布 Js 和 asp.net 的代码及其链接按钮。

$(qFiles).each(function (i)
                    {
                        var a = document.createElement('a');
                        var isSharePoint = this.isSharePoint;
                        var img =document.createElement('img') ;
                        if (isSharePoint) {
                            a.target = "_blank";
                            a.href = this.FilePath;
                            img.src = appPath + '/Images/pagelink_16x16.png';
                        }

                        else {
                            var filePath = this.FilePath;
                            var fileName = this.FileName;
                            a.onclick = function() {
                                downloadFile(filePath + "\\" + fileName);
                            };
                            img.src = appPath + '/Images/download_16x16.png';
                        }
                        qDiv.appendChild(img);
                        a.innerHTML += this.FileName;
                        a.className = "linkSurrogate singleLine";
                        qDiv.appendChild(a);
                    });

                    qDiv = $(config.jQuerySelectors.quoteFiles);
                    var dialog = qDiv.dialog({
                        autoOpen: true,
                        height: config.dialog.height,
                        width: config.dialog.width,
                        closeOnEscape: true,
                        resizable: false,
                        title:"Quote "+ quoteNo +" Files",
                        modal: true,
                        buttons: {
                            "Close": function () {
                                qDiv.dialog('close');
                            }
                        }
                    }); 

正如您所看到的，这是一个验证，无论是否是 SharePoint。还有一个对话框显示两个文件。这是带有链接按钮的代码:

<div id="quoteFiles" style="display: none">
            <asp:LinkButton CssClass="linkButton" ID="downloadFile" ClientIDMode="Static" runat="server" OnClick="downloadFile_Click"></asp:LinkButton>
            <asp:LinkButton CssClass="linkButton" ID="sharePoint" ClientIDMode="Static" runat="server" OnClick="downloadFile_Click"></asp:LinkButton>
            <asp:Label runat="server" ID="quoteFiles" ClientIDMode="Static" Text="There are no files attached."></asp:Label>
        </div>

我已经尝试过 document.write两者\n和<br />并没有奏效。我也尝试在 asp 页面中添加一个新行，但似乎没有任何效果。

Answer 1

在代码行之后:

qDiv.appendChild(a);

把这个放在它后面:

var p = document.createElement('p');
qDiv.appendChild(p);

这将被写入链接之后(文件 -> 链接 -> 换行符)。它将创建一个空的 p 标签。您还可以附加一个 br 标签，但有时这不会显示，然后您需要 2 个 br，它们在某些浏览器上显示为 2 个换行符，在其他浏览器上显示为 1 个换行符，因此您想要一个空的 p 标签，因为这总是所有浏览器都能正确呈现。