<div 賦值 顯示
<div 是 HTML 中的一個標簽，用于定義 HTML 文檔中的一個區域或一個容器。它可以包含其他 HTML 元素，如文本、圖像、鏈接等等。在開發一個網頁時，我們經常會使用 <div> 標簽來將頁面內容劃分為若干個獨立的塊，方便進行樣式設置和邏輯操作。
在此篇文章中，我們將詳細介紹如何使用 <div> 標簽來進行賦值和顯示的操作。通過幾個代碼案例的解釋說明，我們將會闡述具體的實現方法以及示范相關用例。
案例一：使用 <div> 進行變量賦值

<div id="myVariable"> let x = 10; </div>

在這個案例中，我們使用 <div> 標簽將 JavaScript 變量賦值為 10。通過給 <div> 添加一個 id 屬性，我們可以在后續的代碼中根據這個 id 值來訪問該 <div> 元素，并獲取其中存儲的變量值。
案例二：顯示賦值的結果

<div id="output"> <script> document.getElementById("output").innerHTML = x; </script> </div>

在這個案例中，我們使用 JavaScript 代碼將之前定義的變量 x 的值輸出到一個 <div> 中。使用 document.getElementById() 方法，我們可以通過傳遞之前定義的 id 值 "output" 來獲取相應的 <div> 元素，然后使用 innerHTML 屬性將變量 x 的值插入到該元素中。
通過這個例子，我們可以清楚地看到在網頁中如何使用 <div> 標簽來顯示變量的賦值結果。使用 JavaScript 代碼進行操作，我們可以靈活地控制要顯示的內容，并將其實時更新到頁面上。
參考文章示例：

<div id="example"> <h1>這是一個標題</h1>

這是一個段落。

</div>

在這個示例中，<div> 元素被用來包裹一個標題和一個段落。通過給 <div> 添加一個 id 屬性，我們可以在樣式表或 JavaScript 代碼中對 <div> 進行操作。同時，在頁面上使用 <div> 標簽可以更好地組織和管理內容，使頁面結構更加清晰和易讀。
： <div> 是一個非常有用的 HTML 標簽，它可以用于劃分頁面布局和組織內容。我們可以使用 <div> 標簽來賦值和顯示變量，通過 JavaScript 代碼動態更新頁面中的內容。在開發網頁時，合理使用 <div> 標簽可以使頁面結構更加清晰和易讀，同時也方便了后續的樣式設置和邏輯操作。