<div> 標簽的 text 屬性用于設置或獲取元素中的文本內容。當設置了 text 屬性后，元素會將其內部的所有內容替換為指定的文本內容。它可以用于改變現有文本或創建新的文本內容。在本文中，我們將使用幾個代碼案例來詳細解釋和說明 <div> 標簽的 text 屬性的用法和效果。
案例一： 假設我們有一個包含一段文字的 <div> 元素，我們希望將其中的文字內容替換為 "Hello world!"。我們可以使用如下代碼來實現：

<div id="myDiv">
這是一段示例文字。
</div>
<br>
<script>
var myDiv = document.getElementById("myDiv");
myDiv.textContent = "Hello world!";
</script>

在上述代碼中，我們使用 document.getElementById() 方法獲取到具有指定 id 的 <div> 元素，然后將其 textContent 屬性設置為 "Hello world!"。可以注意到，在執行完上述代碼后，div 元素中原本的文字內容 "這是一段示例文字。" 已經被替換為 "Hello world!"。
案例二： 在前面的示例中，我們直接在代碼中指定了需要替換為的文本內容。但實際上，我們也可以將文本內容保存在一個變量中，并在需要的時候動態地設置為 <div> 元素的 textContent。下面是一個案例示例：

<div id="myDiv">
這是一段示例文字。
</div>
<br>
<script>
var myDiv = document.getElementById("myDiv");
var newText = "Hello world!";
myDiv.textContent = newText;
</script>

在上述代碼中，我們將需要替換為的文本內容保存在變量 newText 中，然后將其賦值給 <div> 元素的 textContent 屬性。這樣，我們可以在不改動代碼的情況下，隨時修改 newText 的值，從而實現動態修改 <div> 元素的文本內容。
案例三： 除了直接設置文本內容，我們還可以通過 JavaScript 來獲取 <div> 元素中的文本內容。下面是一個案例示例：

<div id="myDiv">
這是一段示例文字。
</div>
<br>
<script>
var myDiv = document.getElementById("myDiv");
var textContent = myDiv.textContent;
console.log(textContent);
</script>

在上述代碼中，我們使用 myDiv.textContent 獲取到 <div> 元素的文本內容，并將其保存在變量 textContent 中。然后，我們將文本內容打印到控制臺上，以便查看結果。在該案例中，控制臺會輸出 "這是一段示例文字。"。
根據上述三個案例，我們可以看出 <div> 標簽的 text 屬性具有非常靈活和強大的功能。它可以用于替換現有文本、動態修改文本內容，甚至獲取到已有文本內容。我們可以根據實際的需求靈活運用這些功能，以達到靈活控制和操作 <div> 元素中的文本內容的目的。