Semalt: คุณสมบัติองค์ประกอบ ทุกสิ่งที่คุณต้องการรู้

Document Object Model (DOM) เป็น Application Programming Interface (API) สำหรับเอกสาร XML และ HTML ที่มีโครงสร้างที่ดี API กำหนดโครงสร้างขั้นสูงสุดของเอกสารวิธีเข้าถึงเอกสารและวิธีที่ผู้ดูแลเว็บเข้าถึงและคัดลอกเอกสารทั่วทั้งเว็บ

DOM ทำงานเพื่อดึงและแก้ไขแอตทริบิวต์ที่มีอยู่ในองค์ประกอบ HTML ด้วย Dom คุณสามารถเข้าถึงแอตทริบิวต์และสไตล์ขององค์ประกอบที่ใช้ในเอกสารเฉพาะ ด้วยเทคนิคการขูดเล็กน้อยคุณสามารถดึงภาพพื้นหลังของเอกสารเป้าหมายได้

โหนด HTML DOM

เมื่อพูดถึง JavaScript DOM จะเรียกว่าเป็น World Wide Web Consortium (W3C) มาตรฐาน Dom ใช้เพื่อกำหนดและแสดงให้เห็นถึงมาตรฐานสำหรับการเข้าถึงเอกสาร โมเดลอนุญาตให้สคริปต์และโปรแกรมอัพเดตและเข้าถึงโครงสร้างที่ใช้เพื่อเขียนเอกสาร

เมื่อพูดถึง HTML DOM ทุกสิ่งนั้นถือเป็นโหนด ตัวอย่างเช่น

  • คุณลักษณะ HTML ทั้งหมดเป็นโหนดคุณลักษณะ
  • ความคิดเห็นเป็นโหนดความคิดเห็น
  • องค์ประกอบ HTML ทั้งหมดเป็นองค์ประกอบของโหนด;
  • ตัวเอกสารเองถูกเรียกว่าเป็นโหนดเอกสาร

Document Object Model ใช้เพื่อเข้าถึงและจัดการองค์ประกอบภายในเอกสาร XML และ HTML องค์ประกอบถูกจัดระเบียบและจัดการลงในโครงสร้างข้อมูล (เหมือนต้นไม้) ที่สามารถสำรวจได้อย่างง่ายดายสำหรับการนำทางและการปรับเปลี่ยน คุณสามารถเพิ่มคลาสให้กับองค์ประกอบ DIV, ร่างกายหรือ HTML โดยใช้ Cascading Style Sheets (CSS) หรือโต้ตอบกับองค์ประกอบโดยใช้ JS

สิ่งที่คุณต้องรู้เกี่ยวกับคุณสมบัติของคุณสมบัติ

โหนดสามารถเข้าถึงและจัดการโดยใช้หมายเลขดัชนีที่เกี่ยวข้องโดยดัชนีขั้นต่ำคือ "0" คุณสมบัติแอ็ตทริบิวต์ทำงานโดยส่งคืนคอลเล็กชันแบบละเอียดของแอ็ตทริบิวต์ของโหนดเฉพาะเช่นอ็อบเจ็กต์ NamedNodeMap โปรดทราบว่าการทำดัชนีตัวเลขจะช่วยให้คุณผ่านแอตทริบิวต์องค์ประกอบ

คุณลักษณะองค์ประกอบ

คุณสมบัติองค์ประกอบองค์ประกอบส่งกลับคอลเลกชันที่ถูกต้องของโหนดแอตทริบิวต์ทั้งหมดที่ลงทะเบียนกับโหนดเฉพาะ พูดง่ายๆคือ NamedNodeMap ดังนั้นจึงขาดวิธีการ Array แอ็ตทริบิวต์ (คู่ของสตริงที่แสดงข้อมูลใด ๆ เกี่ยวกับแอตทริบิวต์ที่กำหนด) โหนดอาจแตกต่างกันไปขึ้นอยู่กับเบราว์เซอร์ที่ใช้

ในการโพสต์นี้วัตถุ NamedNodeMap หมายถึงการเก็บรวบรวมที่ไม่มีโครงสร้างของโหนดแอตทริบิวต์องค์ประกอบที่เฉพาะเจาะจง คุณไม่ต้องตกใจในเบราว์เซอร์ที่คุณใช้งาน วัตถุ NamedNodeMap และวัตถุแอตทริบิวต์ได้รับการสนับสนุนในเว็บเบราว์เซอร์หลัก

วัตถุ NamedNodeMap ประกอบด้วยคุณสมบัติความยาวที่คุณสามารถใช้เพื่อกำหนดจำนวนแอตทริบิวต์ที่ถูกต้อง หลังจากระบุจำนวนแอ็ตทริบิวต์ทั้งหมดในเอกสารให้วนรอบโหนดแอ็ตทริบิวต์และดึงข้อมูลเป้าหมาย เมื่อดึงข้อมูลจากข้อความโปรดคำนึงว่าแอตทริบิวต์ HTML นั้นเรียกว่าเป็นโหนดแอตทริบิวต์ซึ่งประกอบด้วยคุณสมบัติสำหรับวัตถุแอตทริบิวต์ของคุณ

สำหรับผู้ที่ชื่นชอบ Internet Explorer คุณต้องทราบว่าคุณสมบัติของคุณสมบัติมีแนวโน้มที่จะส่งคืนคอลเลกชันที่มีรายละเอียดของคุณลักษณะที่เป็นไปได้สำหรับองค์ประกอบเฉพาะ เมื่อโหนด DOM ถูกสร้างขึ้นสำหรับองค์ประกอบ HTML ใด ๆ แอตทริบิวต์จำนวนมากจะเกี่ยวข้องกับแอตทริบิวต์ที่มีชื่อเดียวกัน เมื่อพัฒนาซอร์สโค้ด HTML คุณสามารถกำหนดคุณสมบัติในองค์ประกอบ HTML ของคุณ เมื่อเบราว์เซอร์ของคุณแยกวิเคราะห์สคริปต์ของคุณ DOM ที่เกี่ยวข้องกับโหนดที่คล้ายกันจะถูกสร้างขึ้น โหนดที่เกี่ยวข้องเรียกว่าเป็นวัตถุ