<div>innerHTML是一個常用的JavaScript屬性，用于獲取或設置指定元素的HTML內容。當我們使用innerHTML屬性設置元素內容時，該元素原有的內容會被替換。在設置新內容時，我們有時希望插入換行符，以使其更易讀和格式化。本文將詳細解釋如何在使用innerHTML時插入換行符，并提供幾個代碼案例進行演示。

第一個代碼案例將展示如何在innerHTML中插入換行符。我們可以使用特殊字符 代表一個空格，使用
標簽代表換行符。下面的代碼演示了如何在一個div元素中插入兩行文本：

<code>
const myDiv = document.getElementById('myDiv');
myDiv.innerHTML = '第一行文本<br>第二行文本';
</code>

第二個代碼案例將演示如何在innerHTML中使用\n插入換行符。在JavaScript中，\n代表一個換行符。下面的代碼演示了如何在一個div元素中插入兩行文本：

<code>
const myDiv = document.getElementById('myDiv');
myDiv.innerHTML = '第一行文本\n第二行文本';
</code>

第三個代碼案例演示了如何在innerHTML中使用CSS樣式的white-space屬性中的pre屬性來實現換行效果。通過將pre屬性設置為pre-wrap，div元素將保留文本中的換行符，并自動進行換行。下面的代碼演示了如何在一個div元素中插入兩行文本，并保持其中的換行格式：

<code>
const myDiv = document.getElementById('myDiv');
myDiv.innerHTML = '<pre style=\"white-space: pre-wrap;\">第一行文本\n第二行文本

';

在這篇文章中，我們介紹了在使用innerHTML屬性時如何插入換行符。我們提供了三個代碼案例，分別使用特殊字符 ，HTML標簽
以及JavaScript中的\n來插入換行符。此外，我們還演示了如何在CSS樣式的white-space屬性中設置pre-wrap屬性，以保持文本中的換行格式。通過這些方法，我們可以靈活地在innerHTML中插入換行符，以滿足不同的需求。