<div data-value>是HTML5中的一個特殊屬性，用于在元素中存儲數據。它提供了一種簡單的方法來存儲數據，而不必使用自定義屬性或將數據存儲在元素內容中。通過使用<div>元素的data-value屬性，可以輕松地將數據與相應的元素綁定在一起。
下面是一些使用<div data-value>的代碼案例，以幫助更好地理解其用法：
案例1：存儲和讀取文本數據

<p>點擊按鈕將數據存儲到data-value屬性中：</p>
<button onclick="storeData()">存儲數據</button>
<br>
<p>點擊下方按鈕來讀取存儲在data-value中的數據：</p>
<button onclick="readData()">讀取數據</button>
<br>
<p>存儲和讀取數據的結果：</p>
<div id="dataContainer" data-value=""></div>
<br>
<script>
function storeData() {
let inputText = prompt("請輸入要存儲的文本數據：");
document.getElementById("dataContainer").setAttribute("data-value", inputText);
}
<br>
  function readData() {
let storedData = document.getElementById("dataContainer").getAttribute("data-value");
alert("存儲的數據是：" + storedData);
}
</script>

案例2：存儲和讀取數值數據

<p>點擊按鈕將數值存儲到data-value屬性中：</p>
<button onclick="storeData()">存儲數據</button>
<br>
<p>點擊下方按鈕來讀取存儲在data-value中的數值：</p>
<button onclick="readData()">讀取數據</button>
<br>
<p>存儲和讀取數據的結果：</p>
<div id="dataContainer" data-value=""></div>
<br>
<script>
function storeData() {
let inputValue = parseInt(prompt("請輸入要存儲的數值："));
document.getElementById("dataContainer").setAttribute("data-value", inputValue);
}
<br>
  function readData() {
let storedData = parseInt(document.getElementById("dataContainer").getAttribute("data-value"));
alert("存儲的數據是：" + storedData);
}
</script>

案例3：存儲和讀取對象數據

<p>點擊按鈕將對象存儲到data-value屬性中：</p>
<button onclick="storeData()">存儲數據</button>
<br>
<p>點擊下方按鈕來讀取存儲在data-value中的對象：</p>
<button onclick="readData()">讀取數據</button>
<br>
<p>存儲和讀取數據的結果：</p>
<div id="dataContainer" data-value=""></div>
<br>
<script>
function storeData() {
let inputObject = { name: "John", age: 25 };
document.getElementById("dataContainer").setAttribute("data-value", JSON.stringify(inputObject));
}
<br>
  function readData() {
let storedData = JSON.parse(document.getElementById("dataContainer").getAttribute("data-value"));
alert("存儲的數據是：" + storedData.name + ", " + storedData.age);
}
</script>

通過以上案例，我們可以看到使用<div data-value>我們可以輕松地存儲和讀取各種類型的數據，包括文本、數字和對象。這種屬性的靈活性使其成為在HTML元素中存儲和傳遞數據的強大工具。無論是存儲用戶輸入、配置選項還是其他類型的數據，使用<div data-value>都能為我們提供一種優雅而簡便的解決方案。