設置HTML自定義屬性VS在ID屬性

Question

通常存儲信息時，我需要在JavaScript中隨機對象的一些ID（存儲在服務器上），我用下面的方法：

<div id="chat-wrap-29" class="chat-wrap">...</div> 
<div id="chat-wrap-28" class="chat-wrap">...</div> 

這是怎麼了我知道我可以在JS腳本中檢索聊天包ID並通過服務器上的AJAX發送它。 爲了得到id我必須檢索id屬性（this.getAttribute("id")），並在腳本中進行一些字符串操作。

一個更清潔的方式是使用這樣的：

<div class="chat-wrap" chatId = "29">...</div> 
<div class="chat-wrap" chatId = "29">...</div> 

這樣會有在DOM宣佈少ID和我會避免字符串操作。這個解決方案有什麼缺點嗎？在我描述的情況下，最佳做法是什麼？

謝謝！

Answer 1

如果要將數據存儲在屬性中，則應該使用HTML5 data-* attributes - 這是它們的用途，如the spec中所述。

一些JavaScript庫（如jQuery）對它們有本地支持。