Cách thêm ID cho phần tử HTML bằng JavaScript

Với đoạn mã nhỏ gọn này, bạn có thể thêm thuộc tính ID cho bất kỳ phần tử HTML hiện có nào bằng JavaScript.

Mã nguồn

let featuredTitle = document.querySelector("h1"); featuredTitle.id = "featured-title";

Đây là những gì xảy ra trong video:

• Trước tiên, chúng ta tìm phần tử h1 trên trang web và gán nó cho biến featuredTitle.
• Sau đó, chúng ta gán thuộc tính ID cho biến đó thông qua ký pháp dấu chấm (tenBien.thuocTinh), trong trường hợp này: featuredTitle.id và gán giá trị 'featured-title'.

Bạn có thể làm điều này với bất kỳ phần tử hiện có nào trong DOM.

Giờ bạn có thể sử dụng ID được tạo động này để gắn kết với CSS (để định dạng phần tử qua ID mới) hoặc với JavaScript để xử lý hành vi tương tác (như sự kiện click).