Объект HTMLCollection.

  HTMLCollection - Является интерфейсом к коллекциям элементов Dom.
  Коллекция Dom во многом подобна массиву Javascript, однако каждый ее элемент, кроме индекса, имеет также свое собственное имя.
  Исторически DOM коллекции использовались только для экземпляров объекта HTMLElement, однако в DOM4 этот функционал стал шире.
  В отличие от всех остальных объектов, базовые свойства коллекции Dom, в каждом её экземпляре, дополняются именами её элементов, которые ссылаются на эти элементы.
  Например, для коллекции экземпляров объекта HTMLElement именем элемента коллекции будет соответствующее значение идентификатора элемента тега.
  Однако из-за генезиса объекта HTMLCollection, это может быть и имя элемента тега.
  Поэтому, если HTMLElement в коллекции определяет элемент тега, который имеет и идентификатор и имя, то у такого элемента коллекции будет два имени. По любому из них можно получить ссылку на этот элемент из коллекции.
  Коллекция HTMLCollection является динамической, то есть она автоматически обновляется, если динамические изменения HTML-документа затрагивают элементы этой коллекции.
  Экземпляр доступен:

  1. Через свойство all объекта HTMLDocument
  2. Через свойство embeds объекта HTMLDocument
  3. Через свойство forms объекта HTMLDocument
  4. Через свойство images объекта HTMLDocument
  5. Через свойство links объекта HTMLDocument
  6. Через свойство plugins объекта HTMLDocument
  7. Через свойство scripts объекта HTMLDocument
  8. Через свойство elements объекта HTMLFormElement
  9. С помощью метода getElementsByClassName объекта HTMLDocument
  10. С помощью метода getElementsByTagName объекта HTMLDocument
  11. С помощью метода querySelectorAll объекта HTMLDocument
  12. С помощью метода getElementsByClassName объекта HTMLElement
  13. С помощью метода getElementsByTagName объекта HTMLElement
  14. С помощью метода querySelectorAll объекта HTMLElement
  15. С помощью метода querySelectorAll объекта ShadowRoot
  Свойства.
  length - Содержит количество элементов коллекции.
  Значение имеет числовой формат.

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

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

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

  Имя элемента - Содержит элемент коллекции, определяемый именем элемента.

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

  1. Экземпляр объекта HTMLCollection.Имя элемента
  2. Экземпляр объекта HTMLCollection[Имя элемента]
  Второй формат записи разрешает доступ к элементу коллекции HTMLCollection как к элементу массива.
  В принципе, таким образом, можно получить доступ к свойству экземпляра любого объекта, однако для объекта HTMLCollection это имеет особое значение. Дело в том, что в HTML5 идентификатор элемента тега может содержать точки. И если коллекция содержит экземпляры объекта HTMLElement определяющие элементы тега, которые имеют идентификатор с точкой, то для них первый формат записи будет недопустим.

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

  Указатель - Содержит элемент коллекции, определяемый указателем.

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

  • Экземпляр объекта HTMLCollection[Указатель]

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

  • Экземпляр объекта HTMLCollection - Любой операнд значения со значением экземпляра объекта HTMLCollection.
  • [ - Оператор группировки. Ключевое слово в этом формате.
  • Указатель - Значение порядкового номера элемента коллекции, заданное в любом числовом формате.
      Указатель первого элемента коллекции равен 0.
      По существу каждый указатель является свойством экземпляра объекта HTMLCollectiont, которое содержит ссылку на соответствующий элемент коллекции. А, поскольку доступ к свойству любого объекта возможен как к элементу массива, то, в случае с объектами-коллекциями, такой формат доступа удобно использовать при логически оправданных последовательных переборах этих свойств.
      В случае коллекции экземпляров объекта HTMLElement, например, такой перебор бывает оправдан так как не все элементы тегов могут иметь идентификатор.
  • ] - Оператор группировки. Ключевое слово в этом формате.
  Методы.
  item - Возвращает элемент коллекции, заданный указателем.
  Поскольку указатель элемента коллекции в большинстве случаев не известен, то метод item имеет смысл применять только при их последовательных переборах.
  В случае коллекции экземпляров объекта HTMLElement, например, такой перебор бывает оправдан так как не все элементы тегов могут иметь идентификатор.

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

  • Экземпляр объекта HTMLCollection.item(Указатель)

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

  namedItem - Возвращает элемент коллекции, заданный по его имени.

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

  • Экземпляр объекта HTMLCollection.namedItem(Имя)

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