GetAttribute
วิธีนี้ใช้เพื่อรับแอตทริบิวต์ขององค์ประกอบและวิธีการโทรมีดังนี้:
การคัดลอกรหัสมีดังนี้:
Object.getAttribute (แอตทริบิวต์)
แตกต่างจากวิธีการบางอย่างที่แนะนำมาก่อนวิธีการ getAttribute ไม่ได้เป็นของวัตถุเอกสารดังนั้นจึงไม่สามารถเรียกผ่านวัตถุเอกสารได้ มันสามารถเรียกผ่านวัตถุโหนดองค์ประกอบเท่านั้น
วิธีนี้ยอมรับพารามิเตอร์เดียวเท่านั้นและคุณระบุชื่อของแอตทริบิวต์ในการสืบค้น หากไม่ได้ตั้งค่าคุณสมบัติที่ระบุผลลัพธ์จะส่งคืนวัตถุ NULL
setAttribute
ตรงข้ามของด้านบนคือ setAttribute ซึ่งใช้เพื่อตั้งค่าแอตทริบิวต์ของโหนดองค์ประกอบ วิธีการโทรมีดังนี้:
การคัดลอกรหัสมีดังนี้:
Object.setAttribute (แอตทริบิวต์)
วิธีนี้ยอมรับพารามิเตอร์เดียวเท่านั้นนั่นคือแอตทริบิวต์ที่คุณต้องการตั้งค่า
การอ่านขยาย
หลังจากแก้ไขเอกสารผ่าน setAttribute เมื่อดูซอร์สโค้ดของเอกสารผ่านตัวเลือกแหล่งมุมมองของเบราว์เซอร์สิ่งที่คุณเห็นจะยังคงเป็นค่าก่อนหน้า กล่าวคือการแก้ไขที่ทำโดย setAttribute จะไม่ถูกสะท้อนในซอร์สโค้ดของเอกสารเอง ปรากฏการณ์นี้ของ "ไม่สอดคล้องกันภายในและภายนอก" มาจากโหมดการทำงานของ DOM: โหลดเนื้อหาคงที่ของเอกสารการรีเฟรชแบบไดนามิกครั้งแรกและรีเฟรชแบบไดนามิกไม่ส่งผลกระทบต่อเนื้อหาคงที่ของเอกสาร นี่คือพลังที่แท้จริงของ DOM: การรีเฟรชเนื้อหาหน้าโดยไม่ต้องรีเฟรชหน้าในเบราว์เซอร์
สองวิธีข้างต้นเป็นของ API ที่เพิ่มขึ้นใหม่ใน DOM ระดับ 1 ก่อนที่จะปรากฏพวกเขาสามารถนำไปใช้กับวิธีอื่นเช่นต่อไปนี้
รับคุณลักษณะ:
การคัดลอกรหัสมีดังนี้:
var val = element.attribute // get attribute
ข้างต้นเทียบเท่ากับ
การคัดลอกรหัสมีดังนี้:
var val = element.getAttribute ('แอตทริบิวต์');
ตั้งค่าคุณสมบัติ:
การคัดลอกรหัสมีดังนี้:
element.attribute = "ค่าใหม่";
มันเทียบเท่ากับ
การคัดลอกรหัสมีดังนี้:
element.setAttribute ("แอตทริบิวต์", "ค่าใหม่");
หากคุณต้องการขี้เกียจและพิมพ์คีย์บอร์ดน้อยลงแนะนำวิธีการข้างต้น แต่วิธีปฏิบัติที่ดีที่สุดควรยังคงเคารพมาตรฐาน DOM นั่นคือใช้ setAttribute และ getAttribute
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ เพื่อนที่ต้องการมาเรียนรู้ ฉันหวังว่าคุณจะชอบมัน