Nguyên mẫu - Đối tượng phần tử
Các phần tử đối tượng cung cấp chức năng tiện ích khác nhau để thao tác với các yếu tố trong DOM.
Đây là danh sách tất cả các chức năng tiện ích với các ví dụ. Tất cả các phương thức được định nghĩa ở đây sẽ tự động được thêm vào bất kỳ phần tử nào được truy cập bằng hàm $ ().
Vì vậy, viết Element.show ('firstDiv'); cũng giống như cách viết $ ('firstDiv'). show ();
Phương pháp phần tử nguyên mẫu
NOTE - Đảm bảo rằng bạn có ít nhất phiên bản 1.6 của prototype.js.
| Không. | Phương pháp & Mô tả |
|---|---|
| 1. | tuyệt đối hóa ()
Biến phần tử thành một phần tử có vị trí tuyệt đối mà không thay đổi vị trí của nó trong bố cục trang. |
| 2. | addClassName ()
Thêm tên lớp CSS đã cho vào tên lớp của phần tử. |
| 3. | addMethods ()
Làm cho nó có thể kết hợp các phương thức của riêng bạn với đối tượng Phần tử, mà sau này bạn có thể sử dụng làm phương thức của các phần tử mở rộng. |
| 4. | liền kề()
Tìm tất cả anh chị em của phần tử hiện tại khớp với (các) bộ chọn đã cho. |
| 5. | tổ tiên()
Thu thập tất cả tổ tiên của phần tử và trả về chúng dưới dạng một mảng các phần tử mở rộng. |
| 6. | childElements ()
Thu thập tất cả các phần tử con của phần tử và trả về chúng dưới dạng một mảng các phần tử mở rộng. |
| 7. | classNames() Không được chấp nhận. Trả về một phiên bản ClassNames mới, một đối tượng Enumerable được sử dụng để đọc và ghi tên lớp CSS của phần tử. |
| số 8. | cleanWhitespace ()
Loại bỏ tất cả các nút văn bản của phần tử, chỉ chứa khoảng trắng. Trả về phần tử. |
| 9. | clonePosition ()
Sao chép vị trí và / hoặc kích thước của nguồn vào phần tử như được xác định bởi các tùy chọn đối số tùy chọn. |
| 10. | cum Tích lũyOffset ()
Trả về hiệu số của phần tử từ góc trên cùng bên trái của tài liệu. |
| 11. | cum Tích lũyScrollOffset ()
Tính toán độ lệch cuộn tích lũy của một phần tử trong các vùng chứa cuộn lồng nhau. |
| 12. | hậu duệOf ()
Kiểm tra xem phần tử có phải là con cháu của tổ tiên hay không. |
| 13. | hậu duệ()
Thu thập tất cả các phần tử con của phần tử và trả về chúng dưới dạng một mảng các phần tử mở rộng. |
| 14. | xuống()
Trả về phần tử con đầu tiên phù hợp với cssRule. Nếu không có cssRule nào được cung cấp, tất cả các phần tử con đều được xem xét. Nếu không có hậu duệ nào phù hợp với các tiêu chí này, thì không xác định được trả về. |
| 15. | trống()
Kiểm tra xem phần tử có trống không (tức là chỉ chứa khoảng trắng). |
| 16. | mở rộng()
Mở rộng phần tử với tất cả các phương thức có trong Element.Methods và Element.Methods.Simulated. |
| 17. | ngọn lửa()
Kích hoạt một sự kiện tùy chỉnh với phần tử hiện tại làm mục tiêu của nó. |
| 18. | firstDescendant ()
Trả về phần tử con đầu tiên. Điều này trái ngược với thuộc tính DOM firstChild, thuộc tính này sẽ trả về bất kỳ nút nào. |
| 19. | getDimensions ()
Tìm chiều rộng và chiều cao được tính toán của một phần tử và trả về chúng dưới dạng cặp khóa / giá trị của một đối tượng. |
| 20. | getElementsByClassName Không được chấp nhận. Tìm nạp tất cả các phần tử con của phần tử, có lớp CSS className và trả về chúng dưới dạng một mảng các phần tử mở rộng. Vui lòng sử dụng $$ (). |
| 21. | getElementsBySelector Không được chấp nhận. Lấy một số bộ chọn CSS (chuỗi) tùy ý và trả về một mảng con mở rộng của phần tử khớp với bất kỳ bộ chọn nào trong số chúng. Vui lòng sử dụng $$ (). |
| 22. | getHeight ()
Tìm và trả về chiều cao được tính toán của phần tử. |
| 23. | getOffsetParent ()
Trả về vị trí tổ tiên gần nhất của phần tử. Nếu không tìm thấy, phần tử body sẽ được trả về. |
| 24. | getStyle ()
Trả về giá trị thuộc tính CSS đã cho của phần tử. Thuộc tính có thể được chỉ định ở dạng CSS hoặc dạng camelized của nó. |
| 25. | getWidth ()
Tìm và trả về chiều rộng được tính toán của phần tử. |
| 26. | hasClassName ()
Kiểm tra xem phần tử có CSS className hay không. |
| 27. | ẩn giấu()
Ẩn và trả về phần tử. |
| 28. | nhận định()
Trả về thuộc tính id của phần tử nếu nó tồn tại hoặc đặt và trả về một id duy nhất, được tạo tự động. |
| 29. | immediateDescendants() Không được chấp nhận. Thu thập tất cả các phần tử con trực tiếp của phần tử (tức là phần tử con) và trả về chúng dưới dạng một mảng các phần tử mở rộng. Vui lòng sử dụng childElements (). |
| 30. | chèn()
Chèn nội dung vào trước, sau, ở đầu hoặc ở cuối phần tử. |
| 31. | quan sát()
Trả về biểu diễn chuỗi hướng gỡ lỗi của phần tử. |
| 32. | makeClipping ()
Mô phỏng thuộc tính clip CSS được hỗ trợ kém bằng cách đặt giá trị tràn của phần tử thành 'ẩn'. Trả về phần tử. |
| 33. | makePositioned ()
Cho phép dễ dàng tạo khối chứa CSS bằng cách đặt vị trí CSS của phần tử thành 'tương đối' nếu vị trí ban đầu của nó là 'tĩnh' hoặc không xác định. Trả về phần tử. |
| 34. | trận đấu()
Kiểm tra xem phần tử có khớp với bộ chọn CSS đã cho hay không. |
| 35. | kế tiếp()
Trả về phần tử anh em sau phù hợp với cssRule đã cho. |
| 36. | nextSiblings ()
Thu thập tất cả các anh chị em tiếp theo của phần tử và trả về chúng dưới dạng một mảng các phần tử mở rộng. |
| 37. | quan sát ()
Đăng ký một trình xử lý sự kiện trên phần tử và trả về phần tử. |
| 38 | positionOffset ()
Trả về giá trị bù của phần tử so với tổ tiên được định vị gần nhất của nó. |
| 39. | Trước ()
Trả về phần tử trước của phần tử phù hợp với cssRule đã cho. |
| 40. | beforeSiblings ()
Thu thập tất cả các anh chị em trước đó của phần tử và trả về chúng dưới dạng một mảng các phần tử mở rộng. |
| 41. | readAttribute ()
Trả về giá trị của thuộc tính của phần tử hoặc null nếu thuộc tính chưa được chỉ định. |
| 42. | đệ quyCollect ()
Thu thập đệ quy các phần tử có mối quan hệ được chỉ định bởi thuộc tính. |
| 43. | relativize ()
Biến phần tử thành một phần tử có vị trí tương đối mà không thay đổi vị trí của nó trong bố cục trang. |
| 44. | tẩy ()
Loại bỏ hoàn toàn phần tử khỏi tài liệu và trả lại nó. |
| 45. | removeClassName ()
Loại bỏ CSS className của phần tử và trả về phần tử. |
| 46. | thay thế ()
Thay thế phần tử bằng nội dung của đối số html và trả về phần tử bị xóa. |
| 47. | scrollTo ()
Cuộn cửa sổ để phần tử đó xuất hiện ở đầu khung nhìn. Trả về phần tử. |
| 48. | lựa chọn()
Lấy một số lượng bộ chọn CSS (chuỗi) tùy ý và trả về một mảng con cháu mở rộng của phần tử phù hợp với bất kỳ bộ chọn nào trong số chúng. |
| 49. | setOpacity ()
Đặt độ mờ trực quan của một phần tử trong khi xử lý sự không nhất quán trong các trình duyệt khác nhau. |
| 50. | setStyle ()
Sửa đổi các thuộc tính kiểu CSS của phần tử. |
| 51. | chỉ()
Hiển thị và trả về phần tử. |
| 52. | anh chị em ruột()
Thu thập tất cả các anh chị em của phần tử và trả về chúng dưới dạng một mảng các phần tử mở rộng. |
| 53. | stopObserving ()
Xử lý hủy đăng ký và trả về phần tử. |
| 54. | chuyển đổi ()
Chuyển đổi khả năng hiển thị của phần tử. |
| 55. | toggleClassName ()
Chuyển đổi CSS className của phần tử và trả về phần tử. |
| 56. | undoClipping ()
Đặt thuộc tính tràn CSS của phần tử trở lại giá trị trước khi Element.makeClipping () được áp dụng. Trả về phần tử. |
| 57. | undoPositioned ()
Đặt phần tử trở lại trạng thái trước khi Element.makePositioned được áp dụng cho nó. Trả về phần tử. |
| 58. | lên()
Trả về tổ tiên đầu tiên của phần tử khớp với cssRule đã cho. |
| 59. | cập nhật ()
Thay thế nội dung của phần tử bằng đối số newContent đã cung cấp và trả về phần tử. |
| 60. | viewportOffset ()
Trả về tọa độ X / Y của phần tử liên quan đến chế độ xem. |
| 61. | có thể nhìn thấy()
Trả về một Boolean cho biết phần tử có hiển thị hay không. |
| 62. | bọc ()
Bao bọc một phần tử bên trong một phần tử khác, sau đó trả về trình bao bọc. |
| 63. | writeAttribute ()
Thêm, chỉ định hoặc xóa các thuộc tính được truyền dưới dạng băm hoặc cặp tên / giá trị. |