Prototyp - obiekt elementu
Obiekt Element zapewnia różne funkcje użytkowe do manipulowania elementami w DOM.
Oto lista wszystkich funkcji narzędziowych wraz z przykładami. Wszystkie zdefiniowane tutaj metody są automatycznie dodawane do każdego elementu, do którego można uzyskać dostęp za pomocą funkcji $ ().
Tak więc pisząc Element.show ('firstDiv'); to to samo, co napisanie $ ('firstDiv'). show ();
Metoda elementów prototypowych
NOTE - Upewnij się, że masz co najmniej wersję 1.6 pliku prototype.js.
| S.No. | Metoda i opis |
|---|---|
| 1. | absolutyzować()
Zamienia element w element pozycjonowany absolutnie bez zmiany jego pozycji w układzie strony. |
| 2. | addClassName ()
Dodaje podaną nazwę klasy CSS do nazw klas elementu. |
| 3. | addMethods ()
Umożliwia mieszanie własnych metod do obiektu Element, których możesz później użyć jako metod rozszerzonych elementów. |
| 4. | sąsiadujący()
Znajduje wszystkie elementy podrzędne bieżącego elementu, które pasują do podanych selektorów. |
| 5. | przodkowie ()
Zbiera wszystkich przodków elementu i zwraca je jako tablicę elementów rozszerzonych. |
| 6. | childElements ()
Zbiera wszystkie elementy podrzędne elementu i zwraca je jako tablicę elementów rozszerzonych. |
| 7. | classNames() Przestarzałe. Zwraca nowe wystąpienie ClassNames, obiektu Enumerable używanego do odczytywania i zapisywania nazw klas CSS elementu. |
| 8. | cleanWhitespace ()
Usuwa wszystkie węzły tekstowe elementu, które zawierają tylko spacje. Zwraca element. |
| 9. | clonePosition ()
Klonuje pozycję i / lub wymiary źródła na element zgodnie z definicją opcjonalnych opcji argumentów. |
| 10. | cumulativeOffset ()
Zwraca przesunięcia elementu z lewego górnego rogu dokumentu. |
| 11. | cumulativeScrollOffset ()
Oblicza skumulowane przesunięcie przewijania elementu w zagnieżdżonych kontenerach przewijania. |
| 12. | descendantOf ()
Sprawdza, czy element jest potomkiem przodka. |
| 13. | potomków()
Zbiera wszystkie elementy potomne elementu i zwraca je jako tablicę elementów rozszerzonych. |
| 14. | na dół()
Zwraca pierwszy element podrzędny elementu, który jest zgodny z cssRule. Jeśli nie podano reguły cssRule, uwzględniane są wszystkie elementy podrzędne. Jeśli żaden element podrzędny nie spełnia tych kryteriów, zwracany jest undefined. |
| 15. | pusty()
Sprawdza, czy element jest pusty (tj. Zawiera tylko spacje). |
| 16. | poszerzać()
Rozszerza element o wszystkie metody zawarte w Element.Methods i Element.Methods.Simulated. |
| 17. | ogień()
Uruchamia zdarzenie niestandardowe, którego celem jest bieżący element. |
| 18. | firstDescendant ()
Zwraca pierwsze dziecko, które jest elementem. Jest to przeciwieństwo właściwości firstChild DOM, która zwraca dowolny węzeł. |
| 19. | getDimensions ()
Znajduje obliczoną szerokość i wysokość elementu i zwraca je jako pary klucz / wartość obiektu. |
| 20. | getElementsByClassName Przestarzałe. Pobiera wszystkie elementy potomne elementu, które mają klasę CSS className i zwraca je jako tablicę elementów rozszerzonych. Użyj $$ (). |
| 21. | getElementsBySelector Przestarzałe. Pobiera dowolną liczbę selektorów CSS (ciągów znaków) i zwraca tablicę rozszerzonych elementów potomnych elementu, które pasują do dowolnego z nich. Użyj $$ (). |
| 22. | getHeight ()
Znajduje i zwraca obliczoną wysokość elementu. |
| 23. | getOffsetParent ()
Zwraca najbliższy przodek elementu. Jeśli nie zostanie znaleziony, zwracany jest element body. |
| 24. | getStyle ()
Zwraca podaną wartość właściwości CSS elementu. Właściwość można określić w postaci CSS lub kamelizowanej. |
| 25. | getWidth ()
Znajduje i zwraca obliczoną szerokość elementu. |
| 26. | hasClassName ()
Sprawdza, czy element ma podaną nazwę klasy CSS. |
| 27. | ukryć()
Ukrywa i zwraca element. |
| 28. | zidentyfikować()
Zwraca atrybut id elementu, jeśli istnieje, lub ustawia i zwraca unikalny, wygenerowany automatycznie identyfikator. |
| 29. | immediateDescendants() Przestarzałe. Zbiera wszystkie bezpośrednie elementy potomne elementu (tj. Dzieci) i zwraca je jako tablicę elementów rozszerzonych. Proszę użyć childElements (). |
| 30. | wstawić()
Wstawia zawartość przed, po, na górze lub na dole elementu. |
| 31. | sprawdzać()
Zwraca zorientowaną na debugowanie reprezentację ciągu elementu. |
| 32. | makeClipping ()
Symuluje słabo obsługiwaną właściwość klipu CSS, ustawiając wartość przepełnienia elementu na „ukryty”. Zwraca element. |
| 33. | makePositioned ()
Pozwala na łatwe tworzenie bloku zawierającego CSS poprzez ustawienie pozycji CSS elementu na „względne”, jeśli jego początkowa pozycja jest „statyczna” lub nieokreślona. Zwraca element. |
| 34. | mecz()
Sprawdza, czy element pasuje do podanego selektora CSS. |
| 35. | Kolejny()
Zwraca następujący element równorzędny elementu, który pasuje do podanej reguły cssRule. |
| 36. | nextSiblings ()
Zbiera wszystkie następne elementy rodzeństwa elementu i zwraca je jako tablicę elementów rozszerzonych. |
| 37. | przestrzegać()
Rejestruje procedurę obsługi zdarzeń w elemencie i zwraca element. |
| 38. | positionedOffset ()
Zwraca przesunięcie elementu względem jego najbliższego przodka. |
| 39. | poprzedni ()
Zwraca poprzedni element równorzędny elementu, który pasuje do podanej reguły cssRule. |
| 40. | previousSiblings ()
Zbiera wszystkie poprzednie elementy rodzeństwa i zwraca je jako tablicę elementów rozszerzonych. |
| 41. | readAttribute ()
Zwraca wartość atrybutu elementu lub null, jeśli atrybut nie został określony. |
| 42. | recursivelyCollect ()
Rekurencyjnie zbiera elementy, których relacja jest określona przez właściwość. |
| 43. | relatywizować ()
Zmienia element w element pozycjonowany względnie bez zmiany jego pozycji w układzie strony. |
| 44. | usunąć ()
Całkowicie usuwa element z dokumentu i zwraca go. |
| 45. | removeClassName ()
Usuwa nazwę klasy CSS elementu i zwraca element. |
| 46. | zastąpić ()
Zastępuje element treścią argumentu html i zwraca usunięty element. |
| 47. | scrollTo ()
Przewija okno, tak aby element pojawił się u góry rzutni. Zwraca element. |
| 48. | Wybierz()
Pobiera dowolną liczbę selektorów CSS (ciągów znaków) i zwraca tablicę rozszerzonych elementów potomnych elementu, który pasuje do dowolnego z nich. |
| 49. | setOpacity ()
Ustawia wizualną przezroczystość elementu podczas obchodzenia się z niespójnościami w różnych przeglądarkach. |
| 50. | setStyle ()
Modyfikuje właściwości stylu CSS elementu. |
| 51. | pokazać()
Wyświetla i zwraca element. |
| 52. | rodzeństwo()
Zbiera wszystkie elementy rodzeństwa elementu i zwraca je jako tablicę elementów rozszerzonych. |
| 53. | stopObserving ()
Wyrejestrowuje procedurę obsługi i zwraca element. |
| 54. | przełącznik()
Przełącza widoczność elementu. |
| 55. | toggleClassName ()
Przełącza nazwę klasy CSS elementu i zwraca element. |
| 56. | undoClipping ()
Ustawia właściwość CSS przepełnienia elementu z powrotem na wartość, którą miała przed zastosowaniem elementu Element.makeClipping (). Zwraca element. |
| 57. | undoPositioned ()
Ustawia element z powrotem do stanu, w jakim znajdował się przed zastosowaniem do niego elementu Element.makePositioned. Zwraca element. |
| 58. | w górę()
Zwraca pierwszego przodka elementu, który pasuje do podanej reguły cssRule. |
| 59. | aktualizacja()
Zastępuje zawartość elementu podanym argumentem newContent i zwraca element. |
| 60. | viewportOffset ()
Zwraca współrzędne X / Y elementu względem rzutni. |
| 61. | widoczny()
Zwraca wartość logiczną wskazującą, czy element jest widoczny. |
| 62. | owinąć()
Zawija element wewnątrz innego, a następnie zwraca opakowanie. |
| 63. | writeAttribute ()
Dodaje, określa lub usuwa atrybuty przekazane jako skrót lub para nazwa / wartość. |