Методы DOM

В большинстве ситуаций, когда необходимо организовать взаимодействие с элементами HTML?страницы, используется свойство innerHTML элементов, доступ к которым организован с помощью специального объекта JavaScript document.forms, родственных ему объектов или с помощью метода document.getElementById() (который возвращает элемент по заданному идентификатору элемента). Однако иногда возникают ситуации, когда требуется получить доступ к самой DOM. В списке ниже приведены наиболее важные методы, предоставляющие такую возможность: getElementsByTagName(name)

Возвращает массив всех элементов в странице с именем элемента name
createElement(name)

Создает новый узел DOM с именем элемента name
createAttribute(name)

Создает новый атрибут узла с именем атрибута name
createTextNode(text)

Создает новый текстовый узел DOM (текст внутри элемента) и записывает в него текст text
appendChild(node)

Добавляет дочерний узел node к текущему элементу.

В примере 2.13 демонстрируется, как можно использовать некоторые из этих методов, чтобы получить функциональный аналог предыдущего примера, но в этом случае элемент и текстовый узел создаются динамически.


В этом примере в игру вступает метод appendChild().

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

Пример 2.13. Использование DOM в JavaScript
JavaScript?DOM.htm
"http://www.w3.org/TR/xhtml1/DTD/xhtml1?transitional.dtd">
JavaScript


(body)


Entered text:



(/body)


Оцените статью: (0 голосов)
0 5 0

Статьи из раздела ASP.NET AJAX на эту тему:
Встроенные методы, собственные функции и обработка событий
Доступ к произвольным элементам
Доступ к элементам страницы
Доступ к элементам формы
Массивы в JavaScript

Вернуться в раздел: ASP.NET AJAX / JavaScript