在前端開發中，HTML 頁面中經常充斥著看似雜亂無章的 `
` 標簽。在訪問 HTML 頁面時，瀏覽器默認會將它們解析出來，并顯示為文本上的換行符。但在某些情況下，我們需要將這些換行符統一替換為其他標簽或者字符串，這時候需要用到 JavaScript 來操作 DOM，實現對 HTML 的修改。 假設我們有一個多行文本框，用戶在其中輸入了一些內容并點擊了提交按鈕，我們需要將其中的所有換行符（即 `
` 標簽）替換為 `

` 標簽。其中一個實現方法是直接使用 jQuery 來獲取文本框的值，并通過正則表達式替換。

$("#submitBtn").on("click", function() {
var content = $("#textarea").val();
content = content.replace(/
/g, "
");
$("#result").html(content);
});

以上代碼中，我們首先使用 jQuery 的事件監聽機制，給提交按鈕添加了一個點擊事件。在點擊事件中，我們通過 val() 方法獲取了文本框中的值，然后使用 replace() 方法進行替換操作，將所有的 `
` 標簽替換成 `

`。最后使用 html() 方法將替換后的內容顯示在頁面上。 除了使用 replace() 方法，我們還可以采用原生的操作方法，操作 DOM 中的子節點，將 `
` 替換為 `

`。

var content = document.getElementById("textarea").value;
var result = document.getElementById("result");
for(var i = 0; i< result.childNodes.length; i++){
if(result.childNodes[i].nodeName == "BR"){
var p = document.createElement("p");
result.insertBefore(p, result.childNodes[i]);
result.removeChild(result.childNodes[i]);
}
}

以上代碼首先獲取了文本框的值和結果區域的 DOM 節點對象。通過遍歷結果區域中的子節點，判斷是否是 `
` 標簽，若是，則新建一個 `

`標簽，并將其插入到 `
` 標簽之前，然后將 `
` 標簽從 DOM 中移除。 除了替換成其他標簽，我們還可以將 `
` 替換為其他字符串，比如在發送郵件時，需要將其中的所有換行符替換為指定的字符串。

$("#submitBtn").on("click", function() {
var content = $("#textarea").val();
content = content.replace(/
/g, "  \n");
//注意這里將字符串替換成兩個空格和一個換行符
$("#result").html(content);
});

以上代碼中，我們將所有的 `
` 標簽替換為兩個空格和一個換行符，注意這里的不是 HTML 的換行符，而是文本上的換行符，需要加上轉義符 `"\n"`。 總結 通過以上的幾個示例，我們可以發現，通過 JavaScript 來替換頁面中的 `
` 標簽是非常簡單的?？梢愿鶕唧w的需求來自由選擇使用不同的操作方法。雖然這似乎是一個小小的需求，但卻明顯提升了我們的頁面效果和用戶體驗。