HTML 動態(tài)設置 ID 值 在 HTML 中，id 值是用來給元素設置唯一標識的。通常情況下，我們會手動添加一個固定的值作為元素的 id。然而，在一些特殊的情況下，我們需要動態(tài)地為元素設置 id 值。例如，我們需要為一組元素綁定事件處理程序，但這些元素的 id 是不同的。 HTML 5 為我們提供了一個解決方案，那就是使用 Dataset API。Dataset API 可以讓我們在 HTML 元素上添加自定義的數(shù)據(jù)屬性，這些數(shù)據(jù)屬性可以用 JavaScript 動態(tài)地設置和獲取。我們可以利用這個特性來為元素動態(tài)設置 id 值。 下面是一個使用 Dataset API 設置元素 id 值的例子：

<p data-id="1">第一段</p>
<p data-id="2">第二段</p>
<p data-id="3">第三段</p>
<script>
const pList = document.querySelectorAll('p');
pList.forEach(p =>{
const id = p.dataset.id;
p.id = 'p-' + id;
});
</script>

在上面的例子中，我們使用 data-id 屬性為三個 p 元素添加了自定義的數(shù)據(jù)屬性。然后，我們使用 JavaScript 遍歷 p 元素列表，從數(shù)據(jù)屬性中獲取 id 值，然后動態(tài)地將 id 值賦給元素的 id 屬性。 使用以上這種方式，我們就可以方便地為元素動態(tài)設置 id 值，而不必擔心沖突問題。此外，如果我們需要根據(jù)元素的 id 值來查找和操作元素，那么使用動態(tài)設置 id 值的方式也會變得非常簡單。