Объект HTMLCollection XML DOM

Объект HTMLCollection

HTMLCollection — это интерфейс, представляющий собой набор HTML-элементов, который предоставляет методы и свойства для итерации списка.

Объект HTMLCollection в HTML DOM является «живым»; если основной документ изменяется, эти изменения будут немедленно отображены через все объекты HTMLCollection.

Каждый элемент (и их指定的 свойства) возвращает HTMLCollection:

  • Document (images, applets, links, forms, anchors)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

Многие свойства интерфейса HTMLDocument являются объектами HTMLCollection, что предоставляет удобный способ доступа к таким элементам документа, как формы, изображения и ссылки.form.elements и select.options являются объектами HTMLCollection. HTMLCollection также предоставляет возможность итерации Table в每一 строке и TableRow легкий способ доступа к отдельным ячейкам.

Как уже упоминалось, объект HTMLCollection представляет собой набор HTML-элементов с методами, который позволяет получить элементы по их положению в документе или по их свойствам id и name. В JavaScript объект HTMLCollection ведет себя как только для чтения массив, и можно использовать квадратные скобки для индексации HTMLCollection по номеру или имени, не вызывая метод item()и Метод namedItem().

Объект HTMLCollection является только для чтения и не может добавить новых элементов, даже если использовать синтаксис массива JavaScript.

Объект HTMLCollection и Объект NodeListОчень похожи, но前者 может использоваться как по имени, так и по числовому индексу.

Свойства объекта HTMLCollection

Свойства Описание
cssRules Чтение свойств, возвращающее целое число, указывающее на длину списка (то есть количество элементов в наборе).

Методы объекта HTMLCollection

Метод Описание
item() Возвращает элемент (узел) в集合е по указанному положению.
namedItem() Возвращает элементы (узлы) в集合е, у которых атрибут name или id имеет указанное значение.

Пример

var c = document.forms;		//Это объект HTMLCollection для элемента form
var firstform = c[0];		//Может быть использован как числовой массив
var lastform = c[c.length-1];	//Атрибут length возвращает количество элементов
var address = c["address"];		//Может быть использован как связный массив
var address = c.address;		//JavaScript позволяет这样的 обозначению

Соответствующие страницы

Руководство DOM XML:Объект HTMLDocument

Руководство DOM XML:Объект NodeList

Руководство:Руководство HTML DOM