วิธี DOM HTML
วิธีการคือการกระทำที่เราสามารถดำเนินการบนโหนด (องค์ประกอบ HTML)
อินเตอร์เฟซการเขียนโปรแกรม
โดยใช้ JavaScript (และการเขียนโปรแกรมภาษาอื่น ๆ ) เพื่อเข้าถึง HTML DOM
องค์ประกอบ HTML ทั้งหมดจะถูกกำหนดให้เป็นวัตถุและอินเตอร์เฟซการเขียนโปรแกรมเป็นวิธีวัตถุและคุณสมบัติของวัตถุ
วิธีการคือการดำเนินการ (เช่นการเพิ่มหรือปรับเปลี่ยนองค์ประกอบ) ที่คุณสามารถดำเนินการ
สถานที่ให้บริการคือการที่คุณจะได้รับหรือตั้งค่า (เช่นชื่อโหนดหรือเนื้อหา)
getElementById () วิธีการ
getElementById () วิธีการส่งกลับองค์ประกอบที่มี ID ที่ระบุ:
HTML DOM วัตถุ - วิธีการและคุณสมบัติ
บางคนที่นิยมใช้วิธีการ DOM HTML:
- getElementById (ID) - รับโหนด (องค์ประกอบ) ด้วยรหัสที่ระบุ
- appendChild (โหนด) - แทรกโหนดเด็กใหม่ (องค์ประกอบ)
- RemoveChild (โหนด) - ลบโหนดเด็ก (องค์ประกอบ)
บางอย่างที่ใช้กันทั่วไป HTML DOM แอตทริบิวต์:
- innerHTML - โหนด (องค์ประกอบ) ค่าข้อความ
- parentNode - โหนด (องค์ประกอบ) ของโหนดแม่
- childNodes - โหนด (องค์ประกอบ) ของโหนดเด็ก
- แอตทริบิวต์ - โหนด (องค์ประกอบ) โหนแอตทริบิวต์
ในการกวดวิชานี้คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับคุณสมบัติบทต่อไป
วัตถุในชีวิตจริง
บุคคลที่เป็นวัตถุ
วิธีการหนึ่งที่อาจจะมีการกิน (), การนอนหลับ () ทำงาน () () เล่นและอื่น ๆ
วิธีการเหล่านี้ทุกคนมี แต่พวกเขาจะดำเนินการในช่วงเวลาที่แตกต่างกัน
คุณสมบัติของบุคคลรวมทั้งชื่อความสูงน้ำหนักอายุเพศของพวกเขาและอื่น ๆ
ทุกคนมีคุณสมบัติเหล่านี้ แต่ค่าของพวกเขาแตกต่างกันไป
บางวิธี DOM วัตถุ
นี่คือบางส่วนวิธีการที่พบคุณได้เรียนรู้ในการกวดวิชานี้คือ:
| ทาง | ลักษณะ |
|---|---|
| getElementById () | ผลตอบแทนที่ได้องค์ประกอบที่มี ID ที่ระบุ |
| getElementsByTagName () | กลับรายการของโหนด (SET / โหนดอาร์เรย์) ที่มีองค์ประกอบทั้งหมดที่มีชื่อแท็กระบุ |
| getElementsByClassName () | กลับรายการของทุกองค์ประกอบที่มีโหนดที่ระบุมีชื่อของชั้น |
| appendChild () | ในการเพิ่มโหนดเด็กใหม่ไปยังโหนดที่ระบุ |
| RemoveChild () | ลบโหนดเด็ก |
| replaceChild () | แทนที่โหนดลูก |
| insertBefore () | แทรกโหนดเด็กใหม่ในด้านหน้าของเด็กโหนดที่ระบุ |
| CreateAttribute () | สร้างโหนดแอตทริบิวต์ |
| createElement () | สร้างโหนดองค์ประกอบ |
| createTextNode () | สร้างโหนดข้อความ |
| getAttribute () | ส่งกลับค่าแอตทริบิวต์ที่ระบุ |
| setAttribute () | การตั้งค่าหรือปรับเปลี่ยนค่าที่ระบุของคุณสมบัติที่ระบุ |