Примеры html dom // Вебшкола



Примеры использования JavaScript для управления объектами HTML DOM.

back-3687720 next-8436445

Объект Document

Вывод текста на монитор командой document.write()
Вывод отформатированного текста с помощью document.write()
Подсчет количества якорей на странице
Возврат текстового содержимого первого якоря страницы
Подсчет количества форм на странице
Возврат названия первой формы страницы
Возврат количества изображений на странице
Возврат id первого изображения страницы
Возврат количества ссылок на странице
Возврат id первой ссылки страницы
Возврат пар название/значение из куки
Возврат доменного имени сервера, с которого загружен сайт
Возврат даты и времени последнего изменения страницы
Возврат полного адреса текущей страницы
Возврат заголовка документа
Возврат полного адреса документа
Добавление текста на страницу с помощью функции
Добавление текста на страницу в новом окне
Разница между функциями write() и writeln()
Вывод текстового содержимого элемента с указанным ID
Вывод количества элементов с определенным значением name
Подсчет количества тегов

Больше примеров использования объекта Document вы найдете в справочнике JavaScript.

Объект Anchor

Определение и изменение кодировки ссылки
Возврат значения атрибута href ссылки
Определение и установка значения атрибута hreflang ссылки
Возврат атрибута name якоря
Возврат значения атрибута rel текущего документа
Изменение атрибута target ссылки
Возврат значения атрибута type ссылки

Больше примеров использования объекта Anchor вы найдете в справочнике JavaScript.

Объект Area

Возврат значения атрибута alt области в карте-изображении
Возврат координат области карты-изображения
Возврат значения якоря (закладки) в атрибуте href области в карте-изображении
Возврат пары значений hostname:port (название хоста:порт) для области в карте-изображении
Возврат названия хоста области в карте-изображении
Возврат порта области в карте-изображении
Возврат атрибута href области в карте-изображении
Возврат пути до файла области в карте-изображении
Возврат протокола связи области в карте-изображении
Возврат строки запроса атрибута href области в карте-изображении
Возврат атрибута shape области карты-изображения
Возврат значения атрибута target области карты-изображения

Еще примеры использования объекта Area вы найдете в справочнике JavaScript.

Объект Base

Возврат базового URL для всех ссылок на странице
Возврат значения атрибута target для всех ссылок на странице

Еще примеры использования объекта Base вы найдете в справочнике JavaScript.

Объект Button

Деактивация кнопки по щелчку мышью
Возврат значения атрибута name кнопки
Возврат атрибута type кнопки
Возврат текста, отображаемого на кпопке
Возврат атрибута id формы, в которую входит кнопка

Еще примеры использования объекта Button вы найдете в справочнике JavaScript.

Объект Form

Возврат значения атрибута value всех элементов, входящих в форму
Возврат значения атрибута accept-charset формы
Возврат значения атрибута action формы
Возврат значения атрибута enctype формы
Возврат количества элементов, входящих в форму
Возврат значения атрибута method формы
Возврат атрибута name формы
Возврат значения атрибута target формы
Очистка (сброс) формы
Подтверждение формы

Еще примеры использования объекта Form вы найдете в справочнике JavaScript.

Объекты Frame/IFrame

Выравнивание iframe
Изменение фонового цвета iframe
Возврат значения атрибута frameborder
Удаление рамки вокруг iframe
Изменение высоты и ширины iframe
Возврат значения атрибута longdesc
Возврат значения атрибута marginheight
Возврат значения атрибута marginwidth
Возврат значения атрибута name
Возврат и установка значения атрибута scrolling
Изменение атрибута src

Еще примеры использования объектов Frame/IFrame вы найдете в справочнике JavaScript.

Объект Image

Выравнивание изображения
Возврат значения атрибута alt изображения
Добавление рамки вокруг изображения
Изменение ширины и высоты изображения
Изменение свойств hspace и vspace изображения
Возврат значения атрибута longdesc изображения
Создание ссылки на изображение с низким разрешением
Возврат значения атрибута name изображения
Изменение атрибута src изображения
Возврат значения атрибута usemap карты-изображения

Еще примеры использования объекта Image вы найдете в справочнике JavaScript.

Объект Event

Определение кнопки мыши, которая была нажата
Определение кода нажатой клавиши
Координаты курсора
Координаты курсора относительно монитора
Определение нажатия клавиши shift
Определение элемента, по которому был сделан щелчок
Определения типа события

Объекты Option и Select

Деактивация и активация выпадающего списка выбора
Получение атрибута id формы, содержащей выпадающий список
Определение количества позиций в выпадающем списке
Преобразование выпадающего списка в обычный многострочный список
Выбор нескольких значений в выпадающем списке
Вывод на монитор всех позиций в выпадающем списке
Вывод на монитор порядкового номера выбранной позиции
Изменение текста выбранной позиции
Удаление выбранной позиции из выпадающего списка

Объекты Table, TableHeader, TableRow, TableData

Изменение ширины границы таблицы
Изменение атрибутов cellPadding и cellSpacing
Изменение атрибута frame
Изменение атрибута rules
Отображение текста строки таблицы
Отображение текста ячейки таблицы
Создание заголовка таблицы
Удаление строк таблицы
Добавление строк таблицы
Добавление ячеек таблицы
Выравнивание содержимого ячеек в строке
Выравнивание содержимого ячеек в строке по вертикали
Выравнивание содержимого в единственной ячейке
Выравнивание содержимого единственной ячейки по вертикали
Изменение содержимого ячейки
Изменение атрибута colspan

back-3687720 next-8436445 unect-1681176