<div> 標簽是 HTML 中的一個重要元素，用于創建容器并組織文檔中的其他元素。我們可以使用 <div> 標簽來實現類似于 JavaScript 中的 confirm 函數的功能。confirm 函數用于顯示一個確認對話框，讓用戶確認或取消某個操作。
通過使用 <div> 標簽，我們可以創建一個類似的確認對話框，讓用戶進行選擇。下面是幾個代碼案例，詳細解釋說明如何使用 <div> 實現 confirm 功能。
案例一：

預設一個隱藏的 <div> 元素，并在其中放置確認消息和兩個按鈕：“確認”和“取消”。當用戶點擊確認按鈕時，我們可以執行相應的操作。下面是一個示例代碼：

<div id="myConfirm" style="display: none;">
<p>你確定要刪除這個文件嗎？</p>
<button onclick="deleteFile()">確認</button>
<button onclick="cancelDelete()">取消</button>
</div>
<br>
<script>
function deleteFile() {
// 執行刪除文件的操作
}
<br>
function cancelDelete() {
// 取消刪除操作
}
<br>
function myConfirm() {
document.getElementById("myConfirm").style.display = "block";
}
</script>

在上述代碼中，我們在 <div> 中放置確認消息和兩個按鈕。其中，點擊“確認”按鈕將調用 deleteFile 函數，執行刪除文件的操作；點擊“取消”按鈕將調用 cancelDelete 函數，取消刪除操作。當需要顯示確認對話框時，我們可以調用 myConfirm 函數，將 <div> 元素的 display 屬性設置為 "block"，從而顯示確認對話框。
案例二：

另外一種實現方式是使用 JavaScript 的事件監聽。我們可以使用 JavaScript 監聽瀏覽器中的點擊事件，當用戶點擊某個按鈕時，顯示確認對話框并執行相應的操作。下面是一個示例代碼：

<div id="myConfirm" style="display: none;">
<p>你確定要離開當前頁面嗎？</p>
<button id="confirmButton">確認</button>
<button id="cancelButton">取消</button>
</div>
<br>
<script>
document.getElementById("confirmButton").addEventListener("click", confirmAction);
document.getElementById("cancelButton").addEventListener("click", cancelAction);
<br>
function confirmAction() {
alert("你點擊了確認按鈕");
// 進行其他相關操作
}
<br>
function cancelAction() {
alert("你點擊了取消按鈕");
// 取消操作
}
<br>
function showConfirmDialog() {
document.getElementById("myConfirm").style.display = "block";
}
<br>
document.getElementById("showConfirmButton").addEventListener("click", showConfirmDialog);
</script>

在上述代碼中，當用戶點擊按鈕時，我們使用事件監聽器來執行相應的操作。當用戶點擊“確認”按鈕時，會彈出一個提示框顯示"你點擊了確認按鈕"，并進行其他相關操作；當用戶點擊“取消”按鈕時，會彈出一個提示框顯示"你點擊了取消按鈕"，并執行取消操作。
通過以上兩個代碼案例，我們可以看到，通過 <div> 標簽和 JavaScript 的相關操作，我們可以實現類似于 confirm 函數的功能。這種方式可以自定義確認消息和按鈕樣式，提供更好的用戶體驗。同時，我們還可以根據具體需要進行相應的操作。當需要進行確認操作時，可以顯示確認對話框并執行相應的操作；當需要取消操作時，可以直接關閉確認對話框，不會執行任何操作。