HTML 中的元素可以使用 z-index 屬性來控制它們之間的疊放順序，即將某個元素置于另一個元素之上或之下。通常來說，元素的 z-index 值越大，就越靠近頁面的前面。 在 HTML 中，我們可以使用 CSS 來動態地設置元素的 z-index 值。下面這段代碼演示了如何使用 JavaScript 動態地設置一個元素的 z-index 值：

var box = document.getElementById('box'); // 獲取元素
box.style.zIndex = 10; // 將元素的 z-index 值設置為 10

以上代碼獲取了一個 id 名稱為 box 的元素，并將其 z-index 值設置為 10。由于 JavaScript 可以與其他 HTML 和 CSS 代碼交互，因此我們可以使用它來動態地設置任何元素的 z-index 值。 下面這段代碼演示了如何使用 jQuery 動態地設置一個元素的 z-index 值：

$('#box').css('z-index', 10); // 將元素的 z-index 值設置為 10

以上代碼使用了 jQuery，它是一個 JavaScript 庫，可簡化處理 HTML 和 CSS 的任務。使用 jQuery 可以讓代碼更加簡潔明了，但前提是必須先引入 jQuery 庫文件。 動態地設置 HTML 元素的 z-index 值可以讓我們更加靈活地控制頁面元素的排列順序。無論是使用 JavaScript 還是 jQuery，只要掌握了基本語法和技巧，就可以輕松地實現這一功能。