ต้นแบบ - วัตถุธาตุ

ธาตุวัตถุมีฟังก์ชันยูทิลิตี้ต่าง ๆ สำหรับการจัดการองค์ประกอบได้ใน 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 ()

เพิ่มระบุหรือลบแอตทริบิวต์ที่ส่งผ่านเป็นแฮชหรือคู่ชื่อ / ค่า