Thuộc tính id trong JavaScript

• Bùi Tấn Lực
• 132
• 17/09/2025

Thuộc tính id trong JavaScript dùng để lấy giá trị của thuộc tính id của một phần tử HTML hoặc dùng để đổi giá trị của thuộc tính id, chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính id trong JavaScript

Chức năng của Thuộc tính id trong JavaScript

Thuộc tính id trong JavaScript dùng để lấy giá trị của thuộc tính id của một phần tử HTML hoặc dùng để đổi giá trị của thuộc tính id của phần tử HTML.

Cú pháp của Thuộc tính id trong JavaScript

Dùng để lấy giá trị của id:

let ketqua = tenbien.id

tenbien: Tên biến là một phần tử HTML, thường dùng getElementsByTagName để lấy tên phần tử HTML rồi lấy vị trí từng phần tử.

ketqua: Giá trị của id trả về biến kết quả.

Dùng để đổi giá trị:

tenbien.id = "giatrimoi";

tenbien: Tên biến là phần tử chứa id cần thay đổi giá trị, thường dùng getElementById và đưa giá trị hiện tại của id vào.

giatrimoi: Tên giá trị mới của id.

Code Thuộc tính id trong JavaScript

Thuộc tính id lấy giá trị trong JavaScript

<a id="hostingid" href="https://webmoi.vn/hosting/">Hosting</a>
<a id="blogid" href="https://webmoi.vn/blog/">Blog</a>
<a id="lienheid" href="https://webmoi.vn/lien-he/">Liên hệ</a>
<p>Giá trị của id của thẻ a ở vị trí đầu tiên: <span id="nhungid"></span></p>
<script>
let id = document.getElementsByTagName("a")[0].id;
document.getElementById("nhungid").innerHTML = id;
</script>

Chạy Thử

Thuộc tính id đổi giá trị trong JavaScript

<a id="hostingid" href="https://webmoi.vn/hosting/">Hosting</a>
<a id="blogid" href="https://webmoi.vn/blog/">Blog</a>
<a id="lienheid" href="https://webmoi.vn/lien-he/">Liên hệ</a>
<p>Giá trị của id của thẻ a ở vị trí đầu tiên: <span id="nhungid"></span></p>
<p>Giá trị của id của thẻ a ở vị trí đầu tiên sau khi đổi: <span id="nhungiddoi"></span></p>
<script>
// Lấy id của thẻ a ở vị trí đầu tiên
let id = document.getElementsByTagName("a")[0].id;
document.getElementById("nhungid").innerHTML = id;
// Đổi id của thẻ a ở vị trí 0
let element = document.getElementById("hostingid").id = "newid";
// Lấy id của thẻ a ở vị trí đầu tiên sau khi đổi
let iddoi = document.getElementsByTagName("a")[0].id;
document.getElementById("nhungiddoi").innerHTML = iddoi;
</script>

Kết quả:

Giá trị của id của thẻ a ở vị trí đầu tiên: hostingid

Giá trị của id của thẻ a ở vị trí đầu tiên sau khi đổi: newid

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính id trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính id trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn