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

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

Mã

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

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

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

Bạn có thể thực hiện việc này với bất kỳ phần tử hiện có nào trong DOM.

Giờ đây, bạn có thể sử dụng ID được tạo động này để kết nối với CSS (để tạo kiểu cho phần tử thông qua ID mới của nó) hoặc với JavaScript để xử lý hành vi tương tác (như sự kiện nhấp chuột).