ใช้แอตทริบิวต์ id ใน HTML เพื่อเพิ่ม ID เฉพาะขององค์ประกอบ ID ต้องไม่ซ้ำกันในหน้าเดียวกัน
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ id:
<html>
<body>
<h1>Tutorialspoint</h1>
<p id="myid">เราให้บริการบทเรียน!</p>
<button onclick="display()">เพิ่มเติม...</button>
<script>
function display() {
document.getElementById("myid").innerHTML = "เรายังให้บริการวิดีโอการเรียนรู้";
}
</script>
</body>
</html>
กฎการตั้งชื่อ ID:
- ต้องไม่ซ้ำกันในหน้าเดียวกัน (unique)
- ต้องขึ้นต้นด้วยตัวอักษร (a-z, A-Z)
- สามารถมีตัวเลข, ขีดล่าง (_), ขีดกลาง (-), จุด (.) ได้
- ไม่ควรมีช่องว่าง
- Case-sensitive (myId ≠ myid)
การใช้งาน: CSS selector (#myid), JavaScript (getElementById), Anchor link (href="#myid"), ARIA attributes
