Объект HTMLElement.

  HTMLElement - Является общим интерфейсом к элементам тегов - HTML-документа.
  Поскольку элементы тегов считаются узлами Dom, являющимися частью дерева HTML-документа, то объект HTMLElement, кроме своих собственных свойств и методов, наследует все свойства и методы объекта Node.
  Экземпляр доступен:

  1. Через свойство activeElement объекта HTMLDocument
  2. С помощью метода adoptNode объекта HTMLDocument
  3. С помощью метода importNode объекта HTMLDocument
  4. С помощью метода createElement объекта HTMLDocument
  5. С помощью метода elementFromPoint объекта HTMLDocument
  6. С помощью метода getElementById объекта HTMLDocument
  7. С помощью метода getElementsByClassName объекта HTMLDocument
  8. С помощью метода getElementsByTagName объекта HTMLDocument
  9. С помощью метода querySelector объекта HTMLDocument
  10. Через свойство firstChild объекта HTMLElement
  11. Через свойство firstElementChild объекта HTMLElement
  12. Через свойство lastChild объекта HTMLElement
  13. Через свойство lastElementChild объекта HTMLElement
  14. Через свойство offsetParent объекта HTMLElement
  15. С помощью метода appendChild объекта HTMLElement
  16. С помощью метода closest объекта HTMLElement
  17. С помощью метода insertBefore объекта HTMLElement
  18. С помощью метода insertAdjacentElement объекта HTMLElement
  19. С помощью метода getElementsByClassName объекта HTMLElement
  20. С помощью метода getElementsByTagName объекта HTMLElement
  21. С помощью метода removeChild объекта HTMLElement
  22. С помощью метода replaceChild объекта HTMLElement
  23. С помощью метода querySelector объекта HTMLElement
  24. Через свойство nextElementSibling объекта Node
  25. Через свойство nextSibling объекта Node
  26. Через свойство parentElement объекта Node
  27. Через свойство parentNode объекта Node
  28. Через свойство previousElementSibling объекта Node
  29. Через свойство previousSibling объекта Node
  30. С помощью метода cloneNode объекта Node
  31. Через свойство ownerElemen объекта Attr
  32. Через свойство Указатель> объекта NodeList
  33. С помощью метода item объекта NodeList
  34. Через свойство Имя элемента объекта HTMLCollection
  35. Через свойство Указатель объекта HTMLCollection
  36. С помощью метода item объекта HTMLCollection
  37. С помощью метода namedItem объекта HTMLCollection
  38. Через свойство activeElement объекта ShadowRoot
  39. Через свойство firstChild объекта ShadowRoot
  40. Через свойство firstElementChild объекта ShadowRoot
  41. Через свойство host объекта ShadowRoot
  42. Через свойство lastChild объекта ShadowRoot
  43. Через свойство lastElementChild объекта ShadowRoot
  44. С помощью метода appendChild объекта ShadowRoot
  45. С помощью метода elementFromPoint объекта ShadowRoot
  46. С помощью метода getElementById объекта ShadowRoot
  47. С помощью метода insertBefore объекта ShadowRoot
  48. С помощью метода querySelector объекта ShadowRoot
  49. С помощью метода removeChild объекта ShadowRoot
  50. С помощью метода replaceChild объекта ShadowRoot
  51. Через свойство firstChild объекта DocumentFragment
  52. Через свойство firstElementChild объекта DocumentFragment
  53. Через свойство lastChild объекта DocumentFragment
  54. Через свойство lastElementChild объекта DocumentFragment
  55. С помощью метода appendChild объекта DocumentFragment
  56. С помощью метода getElementById объекта DocumentFragment
  57. С помощью метода insertBefore объекта DocumentFragment
  58. С помощью метода querySelector объекта DocumentFragment
  59. С помощью метода removeChild объекта DocumentFragment
  60. С помощью метода replaceChild объекта DocumentFragment
  Свойства.
  assignedSlot - Содержит ссылку на интерфейс HTMLSlotElement к слоту теневого дерева, который связан с этим элементом тега.
  Если элемент не связан со слотом теневого дерева, или теневое дерево создано с опцией closed, то свойство assignedSlot содержит значение null.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.assignedSlot

Значения формата записи:

  attributes - Содержит ссылку на интерфейс NamedNodeMap к коллекции экземпляров объектов Attr - атрибутов этого элемента тега.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.attributes

Значения формата записи:

  childElementCount - Содержит количество "дочерних" элементов для этого элемента тега.
  Значение имеет числовой формат.
  Учитываются только элементы тегов первого уровня вложенности.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.childElementCount

Значения формата записи:

  childNodes - Содержит ссылку на интерфейс NodeList к списку DOM-объектов внутреннего контента этого элемента тега.
  В списке могут быть экземпляры объекта HTMLElement, экземпляры объекта Text и экземпляры объекта Comment.
  Это динамический список.
  Учитываются только объекты верхнего уровня вложенности.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.childNodes

Значения формата записи:

  children - Содержит ссылку на интерфейс HTMLCollection к коллекции экземпляров объекта HTMLElement "дочерних" элементов тегов этого элемента тега.
  Учитываются только элементы верхнего уровня вложенности.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.children

Значения формата записи:

  classList - Содержит значение атрибута CLASS этого элемента тега.
  Значение имеет формат экземпляра объекта DOMTokenList.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.classList

Значения формата записи:

  className - Содержит значение атрибута CLASS этого элемента тега.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.className[= Идентификатор класса]

Значения формата записи:

  clientHeight - Содержит высоту (в пикселях) поля этого элемента тега.
  Значение имеет числовой формат.
  Значение включает внутренние отступы.
  Если определяемый элемент является элементом тега HTML, то значение это высота видимой области окна браузера или фрейма-окна.
  Полоса скроллинга и навигационные панели браузера не входят в этот размер.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.clientHeight

Значения формата записи:

  clientLeft - Содержит ширину (в пикселях) левой рамки - поля этого элемента тега.
  Значение имеет числовой формат.
  Значение включает ширину полосы скроллинга, если она отображается вдоль левого края поля элемента.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.clientLeft

Значения формата записи:

  clientTop - Содержит ширину (в пикселях) верхней рамки - поля этого элемента тега.
  Значение имеет числовой формат.
  Значение включает ширину полосы скроллинга, если она отображается вдоль верхнего края элемента.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.clientTop

Значения формата записи:

  clientWidth - Содержит ширину (в пикселях) поля этого элемента тега.
  Значение имеет числовой формат.
  Значение включает внутренние отступы
  Если определяемый элемент является элементом тега HTML, то значение это ширина видимой области окна браузера или фрейма-окна.
  Полоса скроллинга и навигационные панели браузера не входят в этот размер.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.clientWidth

Значения формата записи:

  contentEditable - Содержит значение атрибута CONTENTEDITABLE этого элемента тега.
  Значение имеет логический или строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.contentEditable[= true|false]

Значения формата записи:

  Для элементов с редактируемым полем, таких как элементы тегов INPUT, TEXTAREA, свойство contentEditable, по умолчанию, содержит значение inherit.
  При задании свойству contentEditable значения false таким элементам, их поля всё равно остаются редактируемыми.
  У элементов с не редактируемым полем свойство contentEditable всегда имеет по умолчанию значение false.
  dataset - Содержит ссылку на интерфейс DOMStringMap для этого элемента тега.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.dataset

Значения формата записи:

  dir - Содержит значение атрибута DIR этого элемента тега.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.dir[= Значение]

Значения формата записи:

  draggable - Содержит значение атрибута DRAGGABLE этого элемента тега.
  Значение имеет логический формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.draggable[= true|false]

Значения формата записи:

  firstChild - Содержит ссылку на интерфейс к первому DOM-объекту внутреннего контента этого элемента тега.
  Таким DOM-объектом может быть элемент - "дочернего" тега, или блок текстового контента, или комментарий.
  Если в элементе нет ни одного DOM-объекта внутреннего контента, то свойство firstChild содержит значение null

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.firstChild

Значения формата записи:

  firstElementChild - Содержит ссылку на интерфейс HTMLElement к первому "дочернему" элементу тега этого элемента тега.
  Если нет ни одного "дочернего" элемента, то свойство firstElementChild содержит значение null

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.firstElementChild

Значения формата записи:

  hidden - Содержит значение атрибута HIDDEN этого элемента тега.
  Значение имеет логический формат

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.hidden[= true|false]

Значения формата записи:

  id - Содержит значение атрибута ID этого элемента тега.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.id[= Значение]

Значения формата записи:

  innerHTML - Содержит весь внутренний контент этого элемента тега.
  Значение имеет строковый формат.
  Значение содержит весь внутренний HTML-код элемента (без открывающего и закрывающего элементов разметки).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.innerHTML[= Код]

Значения формата записи:

  innerText - Содержит весь внутренний текстовый контент этого элемента тега.
  Значение имеет строковый формат.
  Значение содержит, в том числе, и текстовый контент "дочерних" элементов тегов.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.innerText[= Текст]

Значения формата записи:

  • Экземпляр объекта HTMLElement - Любой операнд значения со значением экземпляра объекта HTMLElement.
  • . - Оператор доступа к свойству объекта.
  • innerText - Ключевое слово.
  • = - Оператор присвоения. Ключевое слово в этом формате.
  • Текст - Новый текстовый контент, заданный в любом строковом формате.
      Элементы тегов, кроме элемента тега BR, в этом текстовом контенте ни как не будут интерпретированы браузером.
       Литералы в этом текстовом контенте также ни как не будут интерпретированы браузером.
      Элемент тега BR будет проинтерпретирован как перенос строки (перевод каретки). В этом главное отличие ствойства innerText от свойства textContent. Кроме того, при использовании свойства innerText, некоторые браузеры работают заметно быстрее.
  isContentEditable - Содержит значение true если контент элемента может быть отредактирован пользователем, и значение false - в противном случае.
  Значение имеет логический формат.
  По существу значение свойства isContentEditable всегда соответствует логическому значению свойства contentEditable. Даже для элементов с редактируемым полем, таких как элементы тегов INPUT, TEXTAREA, свойство isContentEditable, по умолчанию, содержит значение false.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.isContentEditable

Значения формата записи:

  lang - Содержит значение атрибута LANG этого элемента тега.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.lang[= Значение]

Значения формата записи:

  lastChild - Содержит ссылку на интерфейс к последнему DOM-объекту внутреннего контента этого элемента тега.
  Таким DOM-объектом может быть элемент - "дочернего" тега, или блок текстового контента, или комментарий.
  Если в элементе нет ни одного DOM-объекта внутреннего контента, то свойство lastChild содержит значение null

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.lastChild

Значения формата записи:

  lastElementChild - Содержит ссылку на интерфейс HTMLElement к последнему "дочернему" элементу тега этого элемента тега.
  Если нет ни одного "дочернего" элемента, то свойство lastElementChild содержит значение null.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.lastElementChild

Значения формата записи:

  localName - Содержит локальное (без префикса) имя тега этого элемента тега.
  Значение имеет строковый формат.
  Значение, независимо от записи имени тега в HTML-коде, содержит только прописные буквы.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.localName

Значения формата записи:

  namespaceURI - Содержит ссылку на интерфейс Location и адрес документа со стандартом HTML для HTML-документа, в котором находится соответствующий элемент тега.
  Скорее всего - http://www.w3.org/1999/xhtml
  При отсутствии соответствующей ссылки свойство содержит значение null.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.namespaceURI

Значения формата записи:

  offsetHeight - Содержит высоту (в пикселях) поля этого элемента тега.
  Значение имеет числовой формат.
  Для всех элементов, кроме элемента тега BODY, значение включает внутренние отступы и рамку, но не включает тени, границы и внешние отступы, то есть соответствует значению атрибута стиля - height.
  Для элемента тега BODY, значением является естественная высота, которую занимает весь документ на Web-странице с учётом его возможного вертикального скроллинга.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.offsetHeight

Значения формата записи:

  offsetLeft - Содержит горизонтальное смещение (в пикселях) левого верхнего угла поля этого элемента тега, в поле "родительского" элемента тега, ссылка на который содержится в свойстве offsetParent.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.offsetLeft

Значения формата записи:

  offsetParent - Содержит ссылку на интерфейс HTMLElement к "родительскому" элементу тега, относительно которого определяются значения свойств offsetLeft и offsetTop этого элемента тега.
  Если ни один из элементов, в котором находится этот элемент, не позиционирован абсолютно, фиксировано или относительно, то свойство offsetParent этого элемента будет ссылаться на экземпляр объекта HTMLBodyElement.

Формат записи в коде скрипта:

  • Элемент объекта HTMLElement.offsetParent

Значения формата записи:

  offsetTop - Содержит вертикальное смещение (в пикселях) левого верхнего угла поля этого элемента тега в поле "родительского" элемента тега, ссылка на который содержится в свойстве offsetParent.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.offsetTop

Значения формата записи:

  offsetWidth - Содержит ширину в пикселях поля этого элемента тега.
  Значение имеет числовой формат.
  Для всех элементов, кроме элемента тега BODY, значение включает внутренние отступы и рамку, но не включает тени, границы и внешние отступы, то есть соответствует значению атрибута стиля - width.
  Для элемента тега BODY, значением является естественная ширина, которую занимает весь документ на Web-странице с учётом его возможного горизонтального скроллинга.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.offsetWidth

Значения формата записи:

  outerHTML - Содержит весь HTML-код этого элемента тега, включая открывающий и закрывающий элементы HTML-разметки.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.outerHTML[= Код]

Значения формата записи:

  outerText - Содержит весь внутренний текстовый контент этого элемента тега.
  Значение имеет строковый формат.
  Значение, том числе, содержит и контент "дочерних" элементов тегов, обрамленный их открывающими и закрывающими элементами разметки.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.outerText[= Текст]

Значения формата записи:

  • Экземпляр объекта HTMLElement - Любой операнд значения со значением экземпляра объекта HTMLElement.
  • . - Оператор доступа к свойству объекта.
  • outerText - Ключевое слово.
  • = - Оператор присвоения. Ключевое слово в этом формате.
  • Текст - Новый текстовый контент для замещения, заданный в любом строковом формате.
      Элементы тегов в текстовом контенте ни как не будут интерпретированы браузером, а поскольку значение свойства содержит открывающий и закрывающий элементы элемента определяемого тега, то новое значение просто уничтожит этот элемент тега в HTML-коде, заменив его заданным текстом.
  prefix - Содержит префикс пространства имен тегов для этого элемента тега.
  Значение имеет строковый формат или null

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.prefix

Значения формата записи:

  scrollHeight - Содержит высоту (в пикселях) поля этого элемента тега.
  Значение имеет числовой формат.
  Значение учитывает полосу горизонтального скроллинга.
  Если в поле этого элемента тега нет полосы горизонтального скроллинга, то значение свойства scrollHeight будет равно значению свойства offsetHeight.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.scrollHeight

Значения формата записи:

  scrollLeft - Содержит значение (в пикселях) величины смещения влево внутреннего контента этого элемента тега вследствие горизонтального скроллинга.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.scrollLeft[= Значение]

Значения формата записи:

  scrollTop - Содержит значение (в пикселях) величины смещения вверх внутреннего контента этого элемента тега вследствие вертикального скроллинга.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.scrollTop[= Значение]

Значения формата записи:

  scrollWidth - Содержит ширину (в пикселях) поля этого элемента тега.
  Значение имеет числовой формат.
  Значение учитывает полосу вертикального скроллинга. Если в поле этого элемента тега нет полосы вертикального скроллинга, то значение свойства scrollWidth будет равно значению свойства offsetWidth.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.scrollWidth

Значения формата записи:

  shadowRoot - Содержит ссылку на интерфейс ShadowRoot к теневому дереву этого элемента тега.
  Если у элемента нет теневого дерева, или это теневое дерево создано с опцией closed, то свойство shadowRoot содержит значение null.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.shadowRoot

Значения формата записи:

  spellcheck - Содержит значение атрибута SPELLCHECK этого элемента тега.
  Значение имеет логический формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.spellcheck[= true|false]

Значения формата записи:

  style - Содержит ссылку на интерфейс CSSStyleDeclaration к значению атрибута STYLE этого элемента тега.
  Это динамическая коллекция.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.style

Значения формата записи:

  tagName - Содержит глобальное (возможно с префиксом) имя тега этого элемента тега.
  Значение имеет строковый формат.
  Значение строго соответствует написанию (строчными или прописными буквами) имени тега в HTML-коде.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.tagName

Значения формата записи:

  title - Содержит значение атрибута TITLE этого элемента тега.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.title[= Значение]

Значения формата записи:

  Методы.
  addEventListener - Устанавливает функцию обработчик событий для элемента.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.addEventListener(Событие, Функция, false|true)

Значения формата записи:

  • Экземпляр объекта HTMLElement - Любой операнд значения со значением экземпляра объекта HTMLElement.
  • . - Оператор доступа к методу объекта.
  • addEventListener - Ключевое слово.
  • ( - Оператор группировки. Ключевое слово в этом формате.
  • Событие - Имя события предусмотренного для объекта HTMLElement, заданное в любом строковом формате.
  • Функция - Любой операнд значения со значением функция.
      Значением первого аргумента этой функции, при ее вызове браузером, всегда является экземпляр объекта Event обрабатываемого события.
      У функции может быть и несколько аргументов, но значения остальных никак не определяются при её вызове.
      Одна функция-обработчик устанавливается методом addEventListener только один раз и повторные вызовы метода для этой же функции не имеют значения.
      Однако другие функции могут быть установлены элементу методом addEventListener для этого же события, причем выполняться, в случае возникновения события, они будут в том же порядке, как записаны в скрипте.
      Однако, если обработчики для этого элемента и этого события установлены методом addEventListener в разных скриптах, то порядок их выполнения не предсказуем.
      Если функция-обработчик возвращает значение false, то браузер не будет выполнять действия, предусмотренные для этого события по умолчанию.
  • false - Логическое значение. Если указано, то функция будет отмечена как обычный обработчик.
  • true - Логическое значение. Если указано, то функция будет отмечена как перехватывающий обработчик и будет вызываться в другой фазе распространения события.
  • , - Оператор группировки. Ключевое слово в этом формате.
  • ) - Оператор группировки. Ключевое слово в этом формате.
  append - Добавляет новые DOM-объекты внутреннего контента в элемент тега после всех уже имеющихся объектов.
  Возвращает значение undefined.
  Добавленными DOM-объектами внутреннего контента элемента тега могут быть фрагменты документа, элементы тегов, блоки текстового контента, комментарии, или текст.
  Метод append поддерживается не всеми браузерами.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.append(Список объектов)

Значения формата записи:

  appendChild - Добавляет новый DOM-объект внутреннего контента в элемент тега после всех уже имеющихся объектов.
  Возвращает ссылку на интерфейс к новому объекту.
  Добавленными DOM-объектами внутреннего контента элемента тега могут быть фрагменты HTML-документа, элементы тегов, блоки текстового контента, или комментарии.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.appendChild(Элемент)

Значения формата записи:

  attachShadow - Создает теневое дерево для этого элемента тега.
  Возвращает ссылку на соответствующий экземпляр объекта ShadowRoot.
  По естественным причинам, методом attachShadow невозможно создать теневое дерево для элементов тегов INPUT, TEXTAREA и IMG.
  Методом attachShadow для одного элемента можно создать только одно единственное теневое дерево.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.attachShadow(Опции)

Значения формата записи:

  • Экземпляр объекта HTMLElement - Любой операнд значения со значением экземпляра объекта HTMLElement.
  • . - Оператор доступа к методу объекта.
  • attachShadow - Ключевое слово.
  • ( - Оператор группировки. Ключевое слово в этом формате.
  • Опции - Опции теневого дерева заданные в любом формате экземпляра объекта.
      Некоторые из свойств и их значений этого экземпляра обьекта:

    • mode - Задаёт режим доступа к этому теневому дереву. Имеет строковый формат.
        Значения:
      • open - Открытое теневое дерево. Свойство shadowRoot этого элемента будет содержать ссылку на этот экземпляр объекта ShadowRoot. Скритам "снаружи" будет доступно это теневое дерево наряду с внешним деревом DOM.
      • closed - Закрытое теневое дерево. Свойство shadowRoot этого элемента будет содержать значение null. Свойство assignedSlot этого элемента всегда будет содержать значение null. Скритам "снаружи" будет не доступно это теневое дерево.
    • delegatesFocus - Задаёт возможность установки фокуса ввода для элементов этого теневого д ерева. Имеет логический формат.
        Значения:
      • true - Фокус ввода может быть установлен.
      • false - фокус ввода не может быть установлен.
  • ) - Оператор группировки. Ключевое слово в этом формате.
  blur - Убирает фокус ввода с поля этого элемента тега, передавая его полю элемента тега BODY.
  Возвращает значение undefined.
  Метод работает только для элементов тегов, которые могут иметь фокус ввода.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.blur()

Значения формата записи:

  click - Имитирует щелчок левой кнопкой мышки на элементе.
  Возвращает значение undefined.
  Вызов метода click вызывает и событие click. Однако вызов метода click не приводит к стандартной реакции браузера на реальный щелчок левой кнопкой мышки (например не будет осуществлён переход по ссылке).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.click()

Значения формата записи:

  closest - Возвращает ссылку на интерфейс HTMLElement к элементу ближайшего "родителя" этого элемента тега, который имеет заданный CSS-селектор.
  Если ни один "родительский" элемент не найден, то при совпадении селектора метод вернет экземпляр объекта HTMLElement этого элемента тега.
  Если и он не подходит по селектору, то метод вернет значение null.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.closest(Селектор)

Значения формата записи:

  dispatchEvent - Инициализирует возникновение заданного события в этом элементе.
  Возвращает значение undefined.
  Инициализированное событие не происходит на самом деле, но инициализация приводит к вызову его обработчика.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.dispatchEvent(Событие)

Значения формата записи:

  focus - Устанавливает фокус ввода в поле этого элемента тега.
  Возвращает значение undefined.
  Метод работает только для элементов тегов, которые могут иметь фокус ввода.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.focus()

Значения формата записи:

  getAttribute - Возвращает значение заданного атрибута этого элемента тега.
  Значение имеет строковый формат.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.getAttribute(Атрибут)

Значения формата записи:

  getAttributeNode - Возвращает ссылку на интерфейс Attr к заданному атрибуту этого элемента тега.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.getAttributeNode(Атрибут)

Значения формата записи:

  getBoundingClientRect - Возвращает ссылку на интерфейс ClientRect к полю этого элемента тега.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.getBoundingClientRect()

Значения формата записи:

  getClientRects - Возвращает ссылку на интерфейс ClientRectList к полю этого элемента тега.
  У элементов блочных тегов список всегда будет содержать только один экземпляр объекта ClientRect, который может быть получен с помощью метода getBoundingClientRect.
  У элементов строчных тегов может быть несколько (например из за рамки последней строчки текста) экземпляров объекта ClientRect в списке.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.getClientRects()

Значения формата записи:

  getElementsByClassName - Возвращает ссылку на интерфейс HTMLCollection к коллекции экземпляров объекта HTMLElement "дочерних" элементов тегов этого элемента тега, которые имеют заданное значение атрибута CLASS.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.getElementsByClassName(Идентификатор)

Значения формата записи:

  getElementsByTagName - Возвращает ссылку на интерфейс HTMLCollection к коллекции экземпляров объекта HTMLElement "дочерних" элементов тегов этого элемента тега, которые имеют заданное имя тега.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.getElementsByTagName(Тег)

Значения формата записи:

  hasAttribute - Возвращает значение true если элемент тега имеет заданный атрибут и значение false - в противном случае.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.hasAttribute(Атрибут)

Значения формата записи:

  hasAttributes - Возвращает значение true если элемент тега имеет хотя бы один атрибут заданный явно в HTML-коде документа и значение false - в противном случае.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.hasAttributes()

Значения формата записи:

  hasChildNodes - Возвращает значение true если этот элемент имеет "дочерние" элементы тегов, блоки внутреннего текстового контента, или комментарии ("дочерние" узлы), и значение false - в противном случае.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.hasChildNodes()

Значения формата записи:

  insertAdjacentElement - Добавляет новый элемент тега в место HTML-документа, заданное относительно этого элемента тега.
  Возвращает ссылку на интерфейс HTMLElement к добавленному элементу.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.insertAdjacentElement(Положение, Элемент)

Значения формата записи:

  insertAdjacentHTML - Добавляет HTML-код в место HTML-документа, заданное относительно этого элемента тега.
  Возвращает значение undefined.
  В отличие от других аналогичных методов (например, метода insertAdjacentElement) метод insertAdjacentHTML предварительно не сериализует значение своего второго аргумента, поэтому работает быстрее.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.insertAdjacentHTML(Позиция, Код)

Значения формата записи:

  insertAdjacentText - Добавляет текстовый контент в место HTML-документа, заданное относительно этого элемента тега.
  Возвращает ссылку на интерфейс Text к добавленному текстовому контенту.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.insertAdjacentText(Позиция, Текст)

Значения формата записи:

  insertBefore - Добавляет новый DOM-объект внутреннего контента в заданное место элемента тега.
  Возвращает ссылку на интерфейс к новому объекту.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.insertBefore(Элемент[, Экземпляр])

Значения формата записи:

  matches - Возвращает значение true если элемент тега соответствует заданному CSS-селектору, и значение false - в противном случае.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.matches(Селектор)

Значения формата записи:

  normalize - Объединяет смежные блоки внутреннего текстового контента элемента тега, удаляет пустые блоки его внутреннего текстового контента, на самом верхнем уровне вложенности.
  Возвращает значение undefined.
  Смежные блоки внутреннего текстового контента тега могут образоваться из-за использования метода splitText объекта Text.
  Блоки внутреннего текстового контента, разделенные "дочерними" элементами тегов, не являются смежными.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.normalize()

Значения формата записи:

  querySelector - Возвращает ссылку на интерфейс HTMLElement к первому, "дочернему" элементу тега, который определяется заданным селектором CSS.
  Учитываются элементы всех уровней входимости.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.querySelector(Селектор)

Значения формата записи:

  querySelectorAll - Возвращает ссылку на интерфейс NodeList к списку экземпляров объекта HTMLElement для всех "дочерних" элементов тегов, которые определяются заданным селектором CSS.
  Учитываются элементы всех уровней входимости.
  Экземпляры объекта HTMLElement будут следовать в списке в порядке следования соответствующих элементов в HTML-коде.
  Это статический список.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.querySelectorAll(Селектор)

Значения формата записи:

  prepend - Добавляет новые DOM-объекты внутреннего контента в элемент тега перед всеми уже имеющимися объектами.
  Возвращает значение undefined.
  Добавленными DOM-объектами внутреннего контента элемента тега могут быть фрагменты документа, элементы тегов, блоки текстового контента, комментарии, или текст.
  Метод prepend поддерживается не всеми браузерами.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.prepend(Список объектов)

Значения формата записи:

  removeAttribute - Удаляет атрибут этого элемента тега.
  Возвращает значение undefined.
  Одновременно устанавливается значение атрибута, принятое по умолчанию.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.removeAttribute(Атрибут)

Значения формата записи:

  removeChild - Удаляет заданный DOM-объект внутреннего контента из элемента тега в память.
  Возвращает ссылку на интерфейс к удалённому объекту. Все свойства и методы интерфейса по этой ссылке будут доступны.
  Такими DOM-объектами могут быть элементы - дочерних тегов, блоки текстового контента, или комментарии.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.removeChild(Экземпляр)

Значения формата записи:

  removeEventListener - Отменяет функцию обработчик событий, установленную методом addEventListener.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.removeEventListener(Событие, Функция, false|true)

Значения формата записи:

  requestFullscreen - Инициирует асинхронный запрос на перевод поля этого элемента тега в полноэкранный режим.
  Возвращает значение undefined .
  По запросу метода requestFullscreen разворачивается в полный экран (если это возможно) именно поле этого элемента тега.
  Вывести поле любого элемента тега из полноэкранного режима можно с помощью метода exitFullscreen объекта HTMLDocument или нажав клавишу Esc.
  При вызове метода requestFullscreen возникает событие fullscreenchange или fullscreenerror, функции обработчики которых могут обработать успешность или не успешность выполнения асинхронного запроса инициированного методом requestFullscreen.
  По значению свойства fullscreenEnabled объекта HTMLDocument, можно заранее проверить возможность полноэкранного режима для полей элементов тегов документа.
  Метод requestFullscreen может быть вызван только в функции обработчике какого-либо события.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.requestFullscreen()

Значения формата записи:

  requestPointerLock - Устанавливает локализацию перемещения курсора мышки и отключает курсор мышки.
  Возвращает значение undefined.
  Браузер попросит подтверждение для отключения курсора мышки.
  Сбросить привязку и подключить курсор мышки можно с помощью метода exitPointerLock объекта HTMLDocument, или нажатием клавиши Esc.
  При вызове метода requestPointerLock возникает событие pointerlockchange или pointerlockerror.
  Свойство pointerLockElement объекта HTMLDocument получит ссылку на экземпляр объекта HTMLElement локализовавший курсор мышки.
  Для локализованного курсора мышки будут доступны только свойства movementX и movementY в событиях связанных с физическими перемещениями мышки под рукой пользователя.
  Метод requestPointerLock можно вызывать только в функции - обработчике какого-либо события (например события - click).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.requestPointerLock()

Значения формата записи:

  replaceChild - Заменяет DOM-объект внутреннего контента этого элемента тега.
  Возвращает ссылку на интерфейс к заменённому объекту, который сохраняет в памяти. Все свойства и методы интерфейса по этой ссылке будут доступны.
  Заменяемыми DOM-объектами могут быть элементы тегов, блоки текстового контента, или комментарии.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.replaceChild(Элемент, Объект)

Значения формата записи:

  scroll - Запускает скроллинг контента в поле этого элемента тега так, чтобы точка контента с координатами заданными относительно поля элемента, по возможности, оказалась в левом верхнем углу поля элемента.
  Возвращает значение undefined.
  Метод не рекомендуется к применению, вместо него лучше использовать метод scrollTo.
  Если скриптом JavaScript в поле этого элемента были добавлены или удалены "дочерние" элементы тегов или какой-либо иной контент, то в некоторых браузерах метод scroll работает не корректно.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.scroll(X,Y)

Значения формата записи:

  scrollBy - Запускает горизонтальный и вертикальный скроллинг контента в поле этого элемента тега на заданное количество пикселов относительно текущего положения контента.
  Возвращает значение undefined.
  Текущее положение контента определяется его возможным предшествующим скроллингом
  Если скриптом JavaScript в поле этого элемента были добавлены или удалены "дочерние" элементы тегов или какой-либо иной контент, то в некоторых браузерах метод scrollBy работает не корректно.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.scrollBy(X,Y)

Значения формата записи:

  scrollIntoView - Запускает скроллинг в окне Web-страницы до этого элемента.
  Возвращает значение undefined.
  Если скриптом JavaScript в документе, в котором находится этот элемент, были добавлены или удалены элементы тегов или какой-либо иной контент, то в некоторых браузерах метод scrollIntoView работает не корректно.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.scrollIntoView(true|false)

Значения формата записи:

  scrollTo - Запускает горизонтальный и вертикальный скроллинг контента в поле этого элемента тега на заданное количество пикселов относительно границ поля элемента.
  Возвращает значение undefined.
  Если скриптом JavaScript в поле этого элемента были добавлены или удалены "дочерние" элементы тегов или какой-либо иной контент, то в некоторых браузерах метод scrollTo работает не корректно.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.scrollTo(X,Y)

Значения формата записи:

  setAttribute - Устанавливает значение заданному атрибуту для этого элемента тега.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.setAttribute(Атрибут, Значение[, 0])

Значения формата записи:

  setAttributeNode - Устанавливает атрибут для этого элемента тега.
  Возвращает ссылку на интерфейс Attr к этому атрибуту.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.setAttributeNode(Атрибут)

Значения формата записи:

  • Экземпляр объекта HTMLElement - Любой операнд значения со значением экземпляра объекта HTMLElement.
  • . - Оператор доступа к методу объекта.
  • setAttributeNode - Ключевое слово.
  • ( - Оператор группировки. Ключевое слово в этом формате.
  • Атрибут - Экземпляр объекта Attr задающий атрибут тега.
      Если такой атрибут уже есть у этого элемента тега, то будет изменено его значение, в противном случае этот атрибут будет добавлен этому элементу тега с заданным значением.
      Если этот атрибут определяет селектор CSS, то отображение этого элемента тега немедленно изменится на Web-странице.
      Если по этому атрибуту ранее была получена ссылка на этот экземпляр объекта HTMLElement, то эта ссылка не будет потеряна.
  • ) - Оператор группировки. Ключевое слово в этом формате.
  setCapture - Устанавливает привязку событий мышки к этому элементу тега.
  Возвращает значение undefined.
  Метод setCapture вызывается в функции-обработчике события mousedown.
  В случае вызова метода setCapture, возможная привязка всех событий мышки к другим DOM-объектам будет временно заблокирована до того, как будет отпущена кнопка мышки или вызван метод releaseCapture объекта HTMLDocument.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.setCapture(true|fale)

Значения формата записи:

  Свойства событий.
  Любое свойство событий содержит функцию-обработчик, назначенную на указанное событие. Значением первого аргумента этой функции всегда является экземпляр объекта Event обрабатываемого события.
  У функции может быть и несколько аргументов, но значения остальных никак не определяются при ее вызове.
  Если функция-обработчик возвращает значение false, то браузер не будет выполнять действия, предусмотренные для этого события по умолчанию.
  Если обработчик события не назначен, то соответствующее свойство событий содержит значение null.
  onabort - Содержит функцию, которая должна быть вызвана, если при загрузке в поле элемента "нажата кнопка" Stop или Отмена.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onabort[ = Функция]

Значения формата записи:

  [webkit]onanimationend - Содержит функцию, которая должна быть вызвана, если в элементе завершен цикл какой-либо CSS-анимации.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.[webkit]onanimationend[ = Функция]

Значения формата записи:

  [webkit]onanimationiteration - Содержит функцию, которая должна быть вызвана, если в элементе какая-либо CSS-анимация перешла к новому кадру.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.[webkit]onanimationiteration[ = Функция]

Значения формата записи:

  [webkit]onanimationstart - Содержит функцию, которая должна быть вызвана, если в элементе начат цикл какой-либо CSS-анимации.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.[webkit]onanimationstart[ = Функция]

Значения формата записи:

  onbeforecopy - Содержит функцию, которая должна быть вызвана перед тем, как из поля элемента пользователь начнет копировать в буфер любой контент.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onbeforecopy[ = Функция]

Значения формата записи:

  onbeforecut - Содержит функцию, которая должна быть вызвана перед тем, как из поля элемента пользователь начнет вырезать редактируемый контент.
  Имеет смысл только если это элемент с редактируемым полем, такой как элементы тегов INPUT, TEXTAREA, или этот элемент с включённым атрибутом CONTENTEDITABLE, или значение свойства designMode объекта HTMLDocument было установлено в "on".

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onbeforecut[ = Функция]

Значения формата записи:

  onblur - Содержит функцию, которая должна быть вызвана, когда поле элемента станет не активным (потеряет фокус ввода).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onblur[ = Функция]

Значения формата записи:

  onclick - Содержит функцию, которая должна быть вызвана, если в поле элемента пользователь произведёт щелчок "левой кнопкой мышки".

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onclick[ = Функция]

Значения формата записи:

  oncopy - Содержит функцию, которая должна быть вызвана, если в поле элемента пользователь начал копировать в буфер любой контент.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.oncopy[ = Функция]

Значения формата записи:

  oncut - Содержит функцию, которая должна быть вызвана, если из поля элемента пользователь начал вырезать в буфер редактируемый контент.
  Имеет смысл только если это элемент с редактируемым полем, такой как элементы тегов INPUT, TEXTAREA, или этот элемент с включённым атрибутом CONTENTEDITABLE, или значение свойства designMode объекта HTMLDocument было установлено в "on".

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.oncut[ = Функция]

Значения формата записи:

  oncontextmenu - Содержит функцию, которая должна быть вызвана, если в поле элемента пользователь произведёт щелчок "правой кнопкой мышки".

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.oncontextmenu[ = Функция]

Значения формата записи:

  ondblclick - Содержит функцию, которая должна быть вызвана, если в поле элемента пользователь произведёт двойной щелчок "левой кнопкой мышки".

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.ondblclick[ = Функция]

Значения формата записи:

  ondrag - Содержит функцию, которая должна периодически (через каждые несколько сотен миллисекунд) вызываться, если в стадии "перетаскивания", которое было инициировано пользователем на этом элементе тега событием ondragstart, находится контент или данные.
  В стадии "перетаскивания", в частности, может находиться и сам этот элемент тега.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.ondrag[ = Функция]

Значения формата записи:

  ondragend - Содержит функцию, которая должна быть вызвана, если пользователь закончил "перетаскивание" контента или данных, которое было инициировано пользователем на этом элементе тега событием ondragstart.
  "Перетаскивание" может быть закончено, если пользователь отпустил кнопку мышки, или нажал клавишу Esc.
  Событие dragend, в отличие от события drop, возникает, даже если клавиша мышки отпущена не на элементе, который может являться потенциальной целью "перетаскиваемых" контента или данных, то есть в любом месте экрана пользовательского устройства.
  Событие dragend всегда возникает после события drop, но событие dragend может возникнуть и без события drop.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.ondragend[ = Функция]

Значения формата записи:

  ondragenter - Содержит функцию, которая должна быть вызвана, если в поле элемента пользователь заведет "перетаскиваемые" контент или данные.
  Обработчик события dragenter может как-то визуально обозначить готовность (или неготовность) этого элемента к приёму данных (например изменив его стилевое оформление).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.ondragenter[ = Функция]

Значения формата записи:

  ondragleave - Содержит функцию, которая должна быть вызвана, если из поля элемента пользователь выведет "перетаскиваемые" контент или данные.
  Обработчик события dragleave может вернуть исходное визуальное состояние этого элемента, из которого он мог быть выведен обработчиком события dragenter.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.ondragleave[ = Функция]

Значения формата записи:

  ondragover - Содержит функцию, которая должна периодически (через каждые несколько сотен миллисекунд) вызываться, если над полем элемента находятся "перетаскиваемые" пользователем контент или данные.
  Событие dragover наступает после события dragenter.
  Событие dragover, наряду с событиями dragenter и ondragleave позволяет создавать разные визуальные эффекты в процессе "перетаскивания".
  Кроме того, обработчик события dragover можно использовать для вызова метода preventDefault, с тем, чтобы отменить стандартные действия браузера (например, при перетаскивании элементов тегов или файлов с устройства пользователя).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.ondragover[ = Функция]

Значения формата записи:

  ondragstart - Содержит функцию, которая должна быть вызвана, если пользователь начнет "перетаскивание" контента или данных элемента тега.
  Начало "перетаскивания" контента или данных фиксируется, если пользователь "зацепил" что-либо на поле элемента курсором мышки, и, не отпуская её левой кнопки, начал перемещать этот курсор.
  Начало "перетаскивания", в частности, может означать и начало "перетаскивания" самого этого элемента тега
  Нажатие левой кнопки мышки (например, на элементе привязки) может спровоцировать стандартные действия браузера, для таких случаев в обработчике события dragstart можно вызать метод preventDefault.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.ondragstart[ = Функция]

Значения формата записи:

  ondrop - Содержит функцию, которая должна быть вызвана, если над полем элемента пользователь отпустит клавишу мышки во время "перетаскивания" контента или данных.
  Обработчик события drop может обработать принятие перетаскиваемых данных или контента.
  После события drop всегда возникает событие dragend, однако событие dragend может возникнуть и без события drop.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.ondrop[ = Функция]

Значения формата записи:

  onerror - Содержит функцию, которая должна быть вызвана, если в элементе произойдет ошибка.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onerror[ = Функция]

Значения формата записи:

  onfocus - Содержит функцию, которая должна быть вызвана, когда элемент станет активным (получит фокус ввода).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onfocus[ = Функция]

Значения формата записи:

  onfullscreenchange - Содержит функцию, которая должна быть вызвана, если поле элемента разворачивается в полноэкранный режим или выходит из него.
  Поле элемента может быть развёрнуто в полноэкранный режим собственным методом requestFullscreen, а выведено их полноэкранного режима методом exitFullscreen объекта HTMLDocument.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onfullscreenchange[ = Функция]

Значения формата записи:

  onfullscreenerror - Содержит функцию, которая должна быть вызвана, когда обращение к методу requestFullscreen для перевода поля элемента в полноэкранный режим не привело к искомому результату.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onfullscreenerror[ = Функция]

Значения формата записи:

  oninput - Содержит функцию, которая должна быть вызвана, если сделана попытка изменения содержимого поля элемента.
  Имеет смысл только если это элемент с редактируемым полем, такой как элементы тегов INPUT, TEXTAREA, или этот элемент с включённым атрибутом CONTENTEDITABLE, или значение свойства designMode объекта HTMLDocument было установлено в "on".

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLDocument.oninput[ = Функция]

Значения формата записи:

  onkeydown - Содержит функцию, которая должна быть вызвана, когда на поле элемента пользователем будет нажата клавиша клавиатуры.
  Чтобы событие onkeydown зафиксировалось, элемент должен быть активным (получить фокус ввода).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onkeydown[ = Функция]

Значения формата записи:

  onkeypress - Содержит функцию, которая должна быть вызвана, когда на поле элемента пользователем будет нажата клавиша клавиатуры.
  Чтобы событие onkeypress зафиксировалось, элемент должен быть активным (получить фокус ввода).
  Событие keypress не специфицировано.
  Событие keypress, в отличии от события keydown, игнорирует нажатие некоторых клавиш (например - клавиш "стрелок" или клавиш-модификаторов). При этом, конкретный перечень таких клавиш зависит от браузера.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onkeypress[ = Функция]

Значения формата записи:

  onkeyup - Содержит функцию, которая должна быть вызвана, когда на поле элемента пользователем будет отпущена нажатая клавиша клавиатуры.
  Чтобы событие onkeyup зафиксировалось, элемент должен быть активным (получить фокус ввода).

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onkeyup[ = Функция]

Значения формата записи:

  onload - Содержит функцию, которая должна быть вызвана после загрузки всего контента элемента.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onload[ = Функция]

Значения формата записи:

  onmousedown - Содержит функцию, которая должна быть вызвана, когда на поле элемента пользователем будет нажата клавиша мышки.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onmousedown[ = Функция]

Значения формата записи:

  onmouseenter - Содержит функцию, которая должна быть вызвана, когда поле элемента посетит курсор мышки.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onmouseenter[ = Функция]

Значения формата записи:

  onmouseleave - Содержит функцию, которая должна быть вызвана, когда курсор мышки покидает поле элемента.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onmouseleave[ = Функция]

Значения формата записи:

  onmousemove - Содержит функцию, которая должна быть вызвана, когда на поле элемента начнётся перемещаться курсор мышки.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onmousemove[ = Функция]

Значения формата записи:

  onmouseout - Содержит функцию, которая должна быть вызвана, когда в элементе курсор мышки пересечёт границу собственного пространства элемента любого тега (в их числе этого элемента тега и элементов его "дочерних" тегов) выходя из этого пространства.
  Собственным пространством элемента тега является область на Web-странице, которая снаружи ограничена границами поля этого элемента, а изнутри границами полей элементов его "дочерних" тегов.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onmouseout[ = Функция]

Значения формата записи:

  onmouseover - Содержит функцию, которая должна быть вызвана, когда в элементе курсор мышки пересечёт границу собственного пространства элемента любого тега (в их числе этого элемента тега и элементов его "дочерних" тегов) заходя в это пространство.
  Собственным пространством элемента тега является область на Web-странице, которая снаружи ограничена границами поля этого элемента, а изнутри границами полей элементов его "дочерних" тегов.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onmouseover[ = Функция]

Значения формата записи:

  onmouseup - Содержит функцию, которая должна быть вызвана, когда на поле элемента пользователем будет отпущена нажатая клавиша мышки.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onmouseup[ = Функция]

Значения формата записи:

  onmousewheel - Содержит функцию, которая должна быть вызвана, когда на поле элемента начнётся вращаться колесо мышки.
  Существует спецификация на аналогичное событие DOMMouseScroll, однако привязаться к нему можно только с помощью метода addEventListener.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onmousewheel[ = Функция]

Значения формата записи:

  onpaste - Содержит функцию, которая должна быть вызвана, если в поле элемента пользователь начинает вставлять некий контент из буфера.
  Имеет смысл только если это элемент с редактируемым полем, такой как элементы тегов INPUT, TEXTAREA, или этот элемент с включённым атрибутом CONTENTEDITABLE, или значение свойства designMode объекта HTMLDocument было установлено в "on".

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onpaste[ = Функция]

Значения формата записи:

  onresize - Содержит функцию, которая должна быть вызвана, когда поле элемента меняет размеры.
  Событие resize наступает, только если изменение размеров поля элемента вызвано какими-либо действиями пользователя.
  При изменении размеров поля элемента скриптом, событие resize не наступит.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onresize[ = Функция]

Значения формата записи:

  onscroll - Содержит функцию, которая должна быть вызвана, когда контент в поле элемента прокручивается скроллингом.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onscroll[ = Функция]

Значения формата записи:

  onselectstart - Содержит функцию, которая должна быть вызвана, когда в поле элемента будет сделана попытка выделения изначально не редактируемого контента.
  Событие selectstart не возникает, если выделение происходит в полях ввода, такие как элементы тегов INPUT или TEXTAREA.
  Возникновение события selectstart не зависит от значения свойства designMode и значения атрибута CONTENTEDITABLE.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onselectstart[ = Функция]

Значения формата записи:

  onwheel - Содержит функцию, которая должна быть вызвана, если пользователь изменяет масштаб отображения поля элемента с помощью сенсорной панели или мышки.

Формат записи в коде скрипта:

  • Экземпляр объекта HTMLElement.onwheel[ = Функция]

Значения формата записи: