Прототип - объект элемента
Объект Element предоставляет различные служебные функции для управления элементами в DOM.
Вот список всех служебных функций с примерами. Все определенные здесь методы автоматически добавляются к любому элементу, доступ к которому осуществляется с помощью функции $ ().
Итак, написание Element.show ('firstDiv'); то же самое, что и запись $ ('firstDiv'). show ();
Метод элемента прототипа
NOTE - Убедитесь, что у вас установлена версия prototype.js не ниже 1.6.
| S.No. | Метод и описание |
|---|---|
| 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 не указан, учитываются все потомки. Если ни один потомок не соответствует этим критериям, возвращается undefined. |
| 15. | пустой () Проверяет, является ли элемент пустым (т. Е. Содержит ли только пробелы). |
| 16. | продлить () Расширяет элемент всеми методами, содержащимися в Element.Methods и Element.Methods.Simulated. |
| 17. | Огонь() Запускает настраиваемое событие с текущим элементом в качестве цели. |
| 18. | firstDescendant () Возвращает первый дочерний элемент, являющийся элементом. Это противоположно свойству DOM firstChild, которое возвращает любой узел. |
| 19. | getDimensions () Находит вычисленную ширину и высоту элемента и возвращает их как пары ключ / значение объекта. |
| 20. | getElementsByClassName Не рекомендуется. Выбирает всех потомков элемента, которые имеют класс CSS className, и возвращает их как массив расширенных элементов. Пожалуйста, используйте $$ (). |
| 21. | getElementsBySelector Не рекомендуется. Принимает произвольное количество селекторов CSS (строк) и возвращает массив расширенных дочерних элементов элемента, соответствующих любому из них. Пожалуйста, используйте $$ (). |
| 22. | getHeight () Находит и возвращает вычисленную высоту элемента. |
| 23. | getOffsetParent () Возвращает ближайшего предка элемента. Если ничего не найдено, возвращается элемент body. |
| 24. | getStyle () Возвращает заданное значение свойства CSS элемента. Свойство можно указать либо в его CSS, либо в верблюжьей форме. |
| 25. | getWidth () Находит и возвращает вычисленную ширину элемента. |
| 26. | hasClassName () Проверяет, имеет ли элемент данное CSS className. |
| 27. | скрывать() Скрывает и возвращает элемент. |
| 28. | идентифицировать () Возвращает атрибут id элемента, если он существует, или устанавливает и возвращает уникальный автоматически сгенерированный идентификатор. |
| 29. | immediateDescendants() Не рекомендуется. Собирает всех непосредственных потомков элемента (т. Е. Потомков) и возвращает их как массив расширенных элементов. Пожалуйста, используйте childElements (). |
| 30. | вставить () Вставляет содержимое до, после, вверху или внизу элемента. |
| 31. | осмотреть() Возвращает ориентированное на отладку строковое представление элемента. |
| 32. | makeClipping () Имитирует плохо поддерживаемое свойство клипа CSS, устанавливая значение переполнения элемента на «скрытый». Возвращает элемент. |
| 33. | makePositioned () Позволяет легко создавать CSS-содержащий блок, устанавливая положение CSS элемента на «относительное», если его начальное положение является «статическим» или неопределенным. Возвращает элемент. |
| 34. | соответствие() Проверяет, соответствует ли элемент заданному селектору CSS. |
| 35. | следующий() Возвращает следующего брата элемента, который соответствует заданному cssRule. |
| 36. | nextSiblings () Собирает всех ближайших братьев и сестер элемента и возвращает их как массив расширенных элементов. |
| 37. | наблюдать () Регистрирует обработчик событий для элемента и возвращает элемент. |
| 38. | positionedOffset () Возвращает смещение элемента относительно его ближайшего позиционированного предка. |
| 39. | предыдущий () Возвращает предыдущего брата элемента, который соответствует заданному cssRule. |
| 40. | previousSiblings () Собирает всех предыдущих братьев и сестер элемента и возвращает их как массив расширенных элементов. |
| 41. | readAttribute () Возвращает значение атрибута элемента или null, если атрибут не был указан. |
| 42. | рекурсивноCollect () Рекурсивно собирает элементы, отношения которых заданы свойством. |
| 43. | релятивизировать () Превращает элемент в относительно позиционированный элемент без изменения его позиции в макете страницы. |
| 44. | удалять () Полностью удаляет элемент из документа и возвращает его. |
| 45. | removeClassName () Удаляет элемент CSS className и возвращает элемент. |
| 46. | заменить () Заменяет элемент содержимым аргумента html и возвращает удаленный элемент. |
| 47. | scrollTo () Прокручивает окно так, чтобы элемент отображался вверху области просмотра. Возвращает элемент. |
| 48. | Выбрать() Принимает произвольное количество селекторов CSS (строк) и возвращает массив расширенных потомков элемента, соответствующих любому из них. |
| 49. | setOpacity () Устанавливает визуальную непрозрачность элемента при устранении несоответствий в различных браузерах. |
| 50. | setStyle () Изменяет свойства стиля CSS элемента. |
| 51. | Показать() Отображает и возвращает элемент. |
| 52. | братья и сестры () Собирает всех братьев и сестер элемента и возвращает их как массив расширенных элементов. |
| 53. | stopObserving () Отменяет регистрацию обработчика и возвращает элемент. |
| 54. | переключить () Переключает видимость элемента. |
| 55. | toggleClassName () Переключает CSS className элемента и возвращает элемент. |
| 56. | undoClipping () Устанавливает для свойства переполнения CSS элемента значение, которое оно имело до применения Element.makeClipping (). Возвращает элемент. |
| 57. | undoPositioned () Устанавливает элемент обратно в состояние, в котором он был до применения к нему Element.makePositioned. Возвращает элемент. |
| 58. | вверх () Возвращает первого предка элемента, который соответствует заданному cssRule. |
| 59. | Обновить() Заменяет содержимое элемента предоставленным аргументом newContent и возвращает элемент. |
| 60. | viewportOffset () Возвращает координаты X / Y элемента относительно области просмотра. |
| 61. | видимый () Возвращает логическое значение, указывающее, является ли элемент видимым. |
| 62. | заворачивать() Оборачивает элемент внутрь другого, а затем возвращает оболочку. |
| 63. | writeAttribute () Добавляет, указывает или удаляет атрибуты, переданные в виде хеша или пары имя / значение. |