แอตทริบิวต์ ID HTML
ตัวอย่าง
ผ่านการใช้ JavaScript ในการจัดการแอตทริบิวต์ ID ข้อความ:
<head>
<ชนิด Script = "text / JavaScript">
ฟังก์ชั่น displayResult ()
{
document.getElementById ( "myHeader") innerHTML = "มีวันที่ดี!" .;
}
</ script>
</ head>
<body>
<h1 id = "myHeader"> Hello World! </ h1>
<ปุ่ม onclick = "displayResult ()"> เปลี่ยนข้อความ </ ปุ่ม>
</ body>
</ html>
ลอง»
ส่วนด้านล่างมีกรณีอื่น ๆ อีกมากมาย
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ที่สำคัญทั้งหมดสนับสนุนแอตทริบิวต์ประชาชนได้
ความหมายและการใช้งาน
แอตทริบิวต์ ID ระบุรหัสเฉพาะองค์ประกอบ HTML
ID ในเอกสาร HTML ต้องไม่ซ้ำกัน
แอตทริบิวต์ ID สามารถนำมาใช้เป็นจุดยึดเชื่อมโยง (Link Anchor) ผ่าน JavaScript (DOM HTML) หรือมีการเปลี่ยนแปลงหรือเพิ่มขึ้นโดยรูปแบบ CSS สำหรับองค์ประกอบที่มี ID ที่กำหนด
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ใน HTML5 แอตทริบิวต์ ID สามารถใช้ร่วมกับองค์ประกอบ HTML ใด ๆ (มันจะตรวจสอบว่าองค์ประกอบ HTML ใด ๆ แต่ไม่ได้มีประโยชน์จำเป็น)
ใน HTML 4.01 แอตทริบิวต์ ID ไม่สามารถใช้: <ฐาน>, <head> <html> <meta>, <พารามิเตอร์>, <script> <style> และ <title>
หมายเหตุ: HTML 4.01 สำหรับค่าของ id ที่มีข้อ จำกัด ที่เข้มงวด (ตัวอย่างเช่นใน HTML มูลค่า 4.01 ID ไม่สามารถเริ่มต้นด้วยตัวเลข)
ไวยากรณ์
มูลค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|---|
ID | เพียงส่วนประกอบของ id ระบุ กฎการตั้งชื่อ:
|
ตัวอย่างเพิ่มเติม |
แอตทริบิวต์รหัสใน CSS
วิธีการใช้แอตทริบิวต์ ID สำหรับองค์ประกอบใน CSS สไตล์
HTML แอตทริบิวต์