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

Trình soạn thảo - Thuộc tính id đổi giá trị trong JavaScript

Kết quả - Thuộc tính id đổi giá trị trong JavaScript

Tự code rồi chạy thử... Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính id đổi giá trị trong JavaScript</title>
</head>
<body>

<h1>Thuộc tính id đổi giá trị trong JavaScript</h1>
<p>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:</p>

<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>
</body>
</html>