Lưu trữ dữ liệu tùy chỉnh trong các phần tử dom

Question

Điều này có sai không? Nếu vậy tại sao?

var elm = document.getElementById("myElm"); 
elm.customValue = {attr1 : "test", attr2 : "test"}; 

Tôi hiểu cách sử dụng thuộc tính dữ liệu, nhưng tôi không muốn làm lộn xộn lên tất cả các thuộc tính đó.

Answer 1

Điều này giới thiệu rò rỉ bộ nhớ trong một số trình duyệt vì bạn ràng buộc đối tượng C gốc (phần tử DOM) và đối tượng JS với nhau và một số thuật toán thu thập rác không thể xử lý được. IE là một trong số đó.

Dưới đây là một bài viết MSDN về rò rỉ bộ nhớ trình duyệt IE: http://msdn.microsoft.com/en-us/library/ie/bb250448(v=vs.85).aspx

Answer 2

Bạn nên cân nhắc HTML5 dữ liệu thuộc tính.

Từ người đàn ông mình: http://ejohn.org/blog/html-5-data-attributes/

Answer 3

Bottom line, tại sao bạn sẽ không sử dụng các công cụ thích hợp có sẵn? Bạn không có ý tưởng nếu trong tương lai, gần hay xa, bất kỳ tên thuộc tính tùy chỉnh nào bạn đang sử dụng sẽ được thêm vào các đặc tả w3c cho phần tử cụ thể đó. Bây giờ, đột nhiên mã của bạn bị hỏng.

Đừng bận tâm rằng việc thêm thuộc tính tùy chỉnh vào các yếu tố đã có các thuộc tính đã xác định khiến mã của bạn trở thành cơn ác mộng bảo trì. Cho dù đó là bạn hay người khác duy trì nó trong tương lai, sẽ có một khoảnh khắc "wtf" nơi nhà phát triển đang cố gắng tìm ra nếu a) một thuộc tính tùy chỉnh được thêm vào phần tử hoặc b) đối tượng tùy chỉnh.

Cuối cùng, điều gì sẽ xảy ra nếu phần tử đó được thay thế trong dom thông qua Ajax hoặc HTML động? Bây giờ tài sản đã biến mất và mã của bạn bị hỏng.