Thêm biến vào các phần tử DOM

Question

Tôi muốn hỏi, nếu là 'hợp pháp' để thêm biến tùy chỉnh để ghi lại các phần tử nội dung. Ví dụ:

document.getElementById('elem1').customVariable = 'xxx'; 

Mã này chỉ làm việc, nhưng tôi không biết nếu nó là 'cho phép'

Nó không xuất hiện trong danh sách các đối số thẻ, nhưng biến là có thể sử dụng trong mã hơn nữa ..

Answer 1

tôi nghĩ rằng sẽ làm việc, nhưng cách phổ biến hơn để thêm thuộc tính tùy chỉnh là như thế này:

<div id="elem1" data-customVariable="foo" 

Và sau đó

document.getElementById('elem1').setAttribute("data-customVariable", "bar"); 

Hoặc nếu sặc trình duyệt cũ trên setAttribute

document.getElementById('elem1')["data-customVariable"] ="bar"; 

EDIT

Nhờ pimvdb để chỉ ra rằng bạn cũng có thể làm

document.getElementById('elem1').dataset.customVariable ="bar"; 

Chỉ cần lưu ý rằng bạn' sẽ phải xem cách bạn đặt tên này - vỏ lạc đà có thể ném nó f. Bạn sẽ muốn

<div id="elem1" data-custom-variable="xxx"></div>