HTML中,id是一種用于標(biāo)識元素唯一性的屬性,通過id能夠方便地定位到特定的元素。在HTML中,我們通常是在元素聲明中設(shè)置id,如下所示:
<div id="main"> ... </div>
然而,有時候我們需要動態(tài)地設(shè)置id,例如在JavaScript中,我們希望能夠給新創(chuàng)建的元素設(shè)置唯一的id。在這種情況下,我們可以借助JS提供的API,使用setAttribute()方法來設(shè)置元素id:
var newDiv = document.createElement('div'); newDiv.setAttribute('id', 'uniqueId');
上述代碼即可生成一個新的div元素,并將其id設(shè)置為uniqueId。
除此之外,還有一種更簡單的設(shè)置元素id的方式,即使用HTML5提供的data-*屬性。例如:
<div data-uid="123"> ... </div>
可以看到,在這種方式下,我們并沒有直接設(shè)置id屬性,而是使用一個名為data-uid的自定義屬性來存儲元素id。這是因為HTML5定義了data-*屬性,可以在其中儲存一些自定義數(shù)據(jù),以方便JS等程序使用。
不過需要注意的是,盡管使用data-*屬性也可以實現(xiàn)動態(tài)設(shè)置id的效果,但在實際應(yīng)用中還是建議使用setAttribute()方法來設(shè)置元素id,因為在一些老版本的瀏覽器中,data-*屬性可能會引發(fā)一些不兼容性問題。