ต้นแบบ - วัตถุธาตุ
ธาตุวัตถุมีฟังก์ชันยูทิลิตี้ต่าง ๆ สำหรับการจัดการองค์ประกอบได้ใน DOM
นี่คือรายการฟังก์ชันยูทิลิตี้ทั้งหมดพร้อมตัวอย่าง วิธีการทั้งหมดที่กำหนดไว้ที่นี่จะถูกเพิ่มลงในองค์ประกอบใด ๆ ที่เข้าถึงโดยอัตโนมัติโดยใช้ฟังก์ชัน $ ()
ดังนั้นการเขียน Element.show ('firstDiv'); เหมือนกับการเขียน $ ('firstDiv'). show ();
วิธีองค์ประกอบต้นแบบ
NOTE - ตรวจสอบให้แน่ใจว่าคุณมีต้นแบบอย่างน้อย 1.6 js
| ส. | วิธีการและคำอธิบาย |
|---|---|
| 1. | ทำให้สมบูรณ์ () เปลี่ยนองค์ประกอบให้เป็นองค์ประกอบในตำแหน่งที่แน่นอนโดยไม่ต้องเปลี่ยนตำแหน่งในเค้าโครงหน้า |
| 2. | addClassName () เพิ่มชื่อคลาส CSS ที่กำหนดให้กับชื่อคลาสขององค์ประกอบ |
| 3. | addMethods () ทำให้สามารถผสมผสานวิธีการของคุณเองกับออบเจ็กต์ Element ซึ่งคุณสามารถใช้เป็นวิธีการขยายองค์ประกอบได้ในภายหลัง |
| 4. | ที่อยู่ติดกัน () ค้นหาพี่น้องทั้งหมดขององค์ประกอบปัจจุบันที่ตรงกับตัวเลือกที่กำหนด |
| 5. | บรรพบุรุษ () รวบรวมบรรพบุรุษขององค์ประกอบทั้งหมดและส่งคืนเป็นอาร์เรย์ขององค์ประกอบเพิ่มเติม |
| 6. | childElements () รวบรวมลูกขององค์ประกอบทั้งหมดและส่งคืนเป็นอาร์เรย์ขององค์ประกอบเพิ่มเติม |
| 7. | classNames() เลิกใช้แล้ว ส่งคืนอินสแตนซ์ใหม่ของ ClassNames ซึ่งเป็นอ็อบเจ็กต์ Enumerable ที่ใช้ในการอ่านและเขียนชื่อคลาส CSS ขององค์ประกอบ |
| 8. | cleanWhitespace () ลบโหนดข้อความทั้งหมดขององค์ประกอบซึ่งมีเฉพาะช่องว่าง ส่งคืนองค์ประกอบ |
| 9. | clonePosition () โคลนตำแหน่งและ / หรือขนาดของแหล่งที่มาไปยังองค์ประกอบตามที่กำหนดโดยตัวเลือกอาร์กิวเมนต์ที่เป็นทางเลือก |
| 10. | cumulativeOffset () ส่งคืนค่าชดเชยขององค์ประกอบจากมุมบนซ้ายของเอกสาร |
| 11. | cumulativeScrollOffset () คำนวณค่าชดเชยการเลื่อนสะสมขององค์ประกอบในคอนเทนเนอร์การเลื่อนแบบซ้อนกัน |
| 12. | ลูกหลานของ () ตรวจสอบว่าองค์ประกอบนั้นเป็นลูกหลานของบรรพบุรุษหรือไม่ |
| 13. | ลูกหลาน () รวบรวมลูกหลานขององค์ประกอบทั้งหมดและส่งคืนเป็นอาร์เรย์ขององค์ประกอบเพิ่มเติม |
| 14. | ลง() ส่งกลับลูกหลานแรกขององค์ประกอบที่ตรงกับ cssRule หากไม่มีการระบุ cssRule จะถือว่าผู้สืบทอดทั้งหมด หากไม่มีผู้สืบทอดตรงกับเกณฑ์เหล่านี้ระบบจะส่งคืนที่ไม่ได้กำหนด |
| 15. | ว่างเปล่า () ทดสอบว่าองค์ประกอบว่างเปล่า (กล่าวคือมีเฉพาะช่องว่าง) |
| 16. | ขยาย () ขยายองค์ประกอบด้วยวิธีการทั้งหมดที่มีอยู่ใน Element.Methods และ Element.Methods.Simulated |
| 17. | ไฟ() เริ่มเหตุการณ์ที่กำหนดเองโดยมีองค์ประกอบปัจจุบันเป็นเป้าหมาย |
| 18. | firstDescendant () ส่งคืนลูกคนแรกที่เป็นองค์ประกอบ สิ่งนี้ตรงข้ามกับคุณสมบัติ firstChild DOM ซึ่งจะส่งคืนโหนดใด ๆ |
| 19. | getDimensions () ค้นหาความกว้างและความสูงที่คำนวณได้ขององค์ประกอบและส่งกลับเป็นคู่คีย์ / ค่าของออบเจ็กต์ |
| 20. | getElementsByClassName เลิกใช้แล้ว ดึงลูกหลานขององค์ประกอบทั้งหมดซึ่งมีคลาส CSS ของ className และส่งกลับเป็นอาร์เรย์ขององค์ประกอบเพิ่มเติม โปรดใช้ $$ () |
| 21. | getElementsBySelector เลิกใช้แล้ว ใช้ตัวเลือก CSS (สตริง) ตามจำนวนที่กำหนดและส่งกลับอาร์เรย์ของลูกส่วนขยายขององค์ประกอบที่ตรงกับองค์ประกอบใด ๆ โปรดใช้ $$ () |
| 22. | getHeight () ค้นหาและส่งคืนความสูงขององค์ประกอบที่คำนวณได้ |
| 23. | getOffsetParent () ส่งคืนบรรพบุรุษที่อยู่ใกล้ที่สุดขององค์ประกอบ หากไม่พบองค์ประกอบของร่างกายจะถูกส่งกลับ |
| 24. | getStyle () ส่งกลับค่าคุณสมบัติ CSS ที่กำหนดขององค์ประกอบ คุณสมบัติสามารถระบุได้ในรูปแบบ CSS หรือรูปแบบอูฐ |
| 25. | getWidth () ค้นหาและส่งกลับความกว้างที่คำนวณขององค์ประกอบ |
| 26. | hasClassName () ตรวจสอบว่าองค์ประกอบมี CSS className ที่กำหนดหรือไม่ |
| 27. | ซ่อน () ซ่อนและส่งคืนองค์ประกอบ |
| 28. | แยกแยะ() ส่งคืนแอตทริบิวต์ id ขององค์ประกอบหากมีอยู่หรือตั้งค่าและส่งคืน id เฉพาะที่สร้างขึ้นโดยอัตโนมัติ |
| 29. | immediateDescendants() เลิกใช้แล้ว รวบรวมลูกหลานขององค์ประกอบทั้งหมด (เช่นลูก) และส่งคืนเป็นอาร์เรย์ขององค์ประกอบเพิ่มเติม โปรดใช้ childElements () |
| 30. | แทรก() แทรกเนื้อหาก่อนหลังที่ด้านบนหรือด้านล่างขององค์ประกอบ |
| 31. | ตรวจสอบ () ส่งคืนการแสดงสตริงที่มุ่งเน้นการดีบักขององค์ประกอบ |
| 32. | makeClipping () จำลองคุณสมบัติคลิป CSS ที่ไม่ได้รับการสนับสนุนโดยตั้งค่าโอเวอร์โฟลว์ขององค์ประกอบเป็น "ซ่อน" ส่งคืนองค์ประกอบ |
| 33. | makePositioned () ช่วยให้สร้าง CSS ที่มีบล็อกได้ง่ายโดยตั้งค่าตำแหน่ง CSS ขององค์ประกอบเป็น "สัมพัทธ์" หากตำแหน่งเริ่มต้นเป็น "คงที่" หรือไม่ได้กำหนด ส่งคืนองค์ประกอบ |
| 34. | การแข่งขัน() ตรวจสอบว่าองค์ประกอบตรงกับตัวเลือก CSS ที่กำหนดหรือไม่ |
| 35. | ต่อไป() ส่งคืนพี่น้องต่อไปนี้ขององค์ประกอบที่ตรงกับ cssRule ที่กำหนด |
| 36. | ต่อไป รวบรวมพี่น้องถัดไปขององค์ประกอบทั้งหมดและส่งคืนเป็นอาร์เรย์ขององค์ประกอบเพิ่มเติม |
| 37. | สังเกต() ลงทะเบียนตัวจัดการเหตุการณ์บนองค์ประกอบและส่งคืนองค์ประกอบ |
| 38. | ตำแหน่งออฟเซ็ต () ส่งคืนค่าชดเชยขององค์ประกอบที่สัมพันธ์กับบรรพบุรุษที่อยู่ในตำแหน่งที่ใกล้เคียงที่สุด |
| 39. | ก่อนหน้า () ส่งคืนพี่น้องก่อนหน้าขององค์ประกอบที่ตรงกับ cssRule ที่กำหนด |
| 40. | ก่อนหน้า รวบรวมพี่น้องก่อนหน้าขององค์ประกอบทั้งหมดและส่งคืนเป็นอาร์เรย์ขององค์ประกอบเพิ่มเติม |
| 41. | readAttribute () ส่งคืนค่าแอตทริบิวต์ขององค์ประกอบหรือค่าว่างหากไม่ได้ระบุแอตทริบิวต์ |
| 42. | เรียกซ้ำรวบรวม () รวบรวมองค์ประกอบซ้ำ ๆ ที่ความสัมพันธ์ถูกระบุโดยคุณสมบัติ |
| 43. | ทำให้สัมพันธ์กัน () เปลี่ยนองค์ประกอบให้เป็นองค์ประกอบที่อยู่ในตำแหน่งที่ค่อนข้างเหมาะสมโดยไม่ต้องเปลี่ยนตำแหน่งในเค้าโครงหน้า |
| 44. | ลบ () ลบองค์ประกอบออกจากเอกสารอย่างสมบูรณ์และส่งคืน |
| 45. | removeClassName () ลบ CSS className ขององค์ประกอบและส่งคืนองค์ประกอบ |
| 46. | แทนที่ () แทนที่องค์ประกอบตามเนื้อหาของอาร์กิวเมนต์ html และส่งคืนองค์ประกอบที่ถูกลบ |
| 47. | scrollTo () เลื่อนหน้าต่างเพื่อให้องค์ประกอบนั้นปรากฏที่ด้านบนของวิวพอร์ต ส่งคืนองค์ประกอบ |
| 48. | เลือก() ใช้ตัวเลือก CSS (สตริง) ตามจำนวนที่กำหนดและส่งกลับอาร์เรย์ขององค์ประกอบที่สืบทอดเพิ่มเติมที่ตรงกับองค์ประกอบใด ๆ |
| 49. | setOpacity () ตั้งค่าความทึบของภาพขององค์ประกอบในขณะที่ทำงานกับความไม่สอดคล้องกันในเบราว์เซอร์ต่างๆ |
| 50. | setStyle () แก้ไขคุณสมบัติสไตล์ CSS ขององค์ประกอบ |
| 51. | แสดง() แสดงและส่งคืนองค์ประกอบ |
| 52. | พี่น้อง () รวบรวมพี่น้องขององค์ประกอบทั้งหมดและส่งคืนเป็นอาร์เรย์ขององค์ประกอบเพิ่มเติม |
| 53. | หยุดการสังเกต () Unregisters handler และส่งคืนองค์ประกอบ |
| 54. | สลับ () สลับการมองเห็นองค์ประกอบ |
| 55. | toggleClassName () สลับ CSS className ขององค์ประกอบและส่งคืนองค์ประกอบ |
| 56. | เลิกทำคลิป () ตั้งค่าคุณสมบัติ CSS overflow ขององค์ประกอบกลับไปเป็นค่าที่มีก่อนที่จะใช้ Element.makeClipping () ส่งคืนองค์ประกอบ |
| 57. | เลิกทำตำแหน่ง () ตั้งค่าองค์ประกอบกลับไปเป็นสถานะก่อนที่จะใช้ Element.makePositioned ส่งคืนองค์ประกอบ |
| 58. | ขึ้น () ส่งคืนบรรพบุรุษแรกขององค์ประกอบที่ตรงกับ cssRule ที่กำหนด |
| 59. | ปรับปรุง () แทนที่เนื้อหาขององค์ประกอบด้วยอาร์กิวเมนต์ newContent ที่ระบุและส่งคืนองค์ประกอบ |
| 60. | วิวพอร์ตออฟเซ็ต () ส่งคืนพิกัด X / Y ขององค์ประกอบที่สัมพันธ์กับวิวพอร์ต |
| 61. | มองเห็นได้ () ส่งคืนบูลีนที่ระบุว่าสามารถมองเห็นองค์ประกอบได้หรือไม่ |
| 62. | ห่อ () ห่อองค์ประกอบไว้ในอีกองค์ประกอบหนึ่งจากนั้นส่งกลับกระดาษห่อหุ้ม |
| 63. | writeAttribute () เพิ่มระบุหรือลบแอตทริบิวต์ที่ส่งผ่านเป็นแฮชหรือคู่ชื่อ / ค่า |