JavaScript 实现：将所有 </p> 标签无缝替换为 \n\r 的两种实用方案

在 JavaScript 中，若要把所有的 `</p>` 标签替换成 `\n\r`，可以通过以下两种常见场景实现。场景一：替换字符串中的 `</p>` 标签如果是要替换一个字符串里的所有 `</p>` 标签，可以使用字符串的 `replace()` 方法结合正则表达式来完成。 ```javascript // 示例字符串 let htmlString = "<p>这是第一段文字</p><p>这是第二段文字</p>"; // 使用正则表达式替换所有的 </p> 标签为 \n\r let newString = htmlString.replace(/<\/p>/g, "\n\r"); // 输出结果 console.log(newString); ``` 代码解释 1. 定义了一个包含 HTML 标签的字符串 `htmlString`。 2. 利用 `replace()` 方法和正则表达式 `/<\/p>/g` 来替换所有的 `</p>` 标签。其中，`g` 标志表示全局匹配，即会替换字符串中所有匹配的 `</p>` 标签。 3. 将替换后的结果存储在 `newString` 变量中，并使用 `console.log()` 输出结果。场景二：替换 DOM 元素内的 `</p>` 标签要是需要替换页面上某个 DOM 元素内的所有 `</p>` 标签，可以先获取该元素的 `innerHTML`，进行替换操作后再重新赋值给该元素。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <div id="content"> <p>这是第一段文字</p> <p>这是第二段文字</p> </div> <script> // 获取包含 HTML 内容的元素 let contentElement = document.getElementById('content'); // 获取元素的 innerHTML let htmlContent = contentElement.innerHTML; // 使用正则表达式替换所有的 </p> 标签为 \n\r let newContent = htmlContent.replace(/<\/p>/g, "\n\r"); // 将替换后的内容重新赋值给元素的 innerHTML contentElement.innerHTML = newContent; </script> </body> </html> ``` 代码解释 1. HTML 部分定义了一个 `div` 元素，其 `id` 为 `content`，内部包含了一些 `p` 标签。 2. JavaScript 部分通过 `document.getElementById()` 方法获取该 `div` 元素。 3. 获取该元素的 `innerHTML`，并使用 `replace()` 方法结合正则表达式替换所有的 `</p>` 标签。 4. 将替换后的内容重新赋值给该元素的 `innerHTML`。 ######[AI问答 | 626点数解答 | 2025-09-05 17:21:58]

服务商

更多选项

快捷项

自定义