Использование элементов DOM с помощью JavaScript getElementById
Опубликованно 17.03.2018 03:10
Создание динамических страниц, обеспечивает прямой доступ к существующих элементов, создание новых и изменение их свойства. Использование метода document.getElementById JavaScript позволяет найти элемент страницы с указанным идентификатором и изменить его свойства.
Метод применим ко всем HTML-теги, которые имеют уникальный идентификатор «id». В основном, используется для изменения свойств и содержимого тега «div».Элементы страницы
Формат гипертекста HTML позволяет описать уникальные элементы и элементы классов. По определению, элемент уникальный, всегда один на странице, и элементы классов может быть установлен.
Когда страница загружается, преобразуется в DOM дерево, в котором каждый элемент занимает свое место. Есть много способов, движения деревянные элементы, но, чтобы заполнить страницы информацией и редактирование свойств ее элементов часто достаточно обратиться к одному элементу по его id.Пример описание уникальных элементов
В таблице CSS были сделаны описания трех яиц: шапки страницы содержимое страницы и нижний колонтитул (подвал). Соответственно имена идентификаторов: scHeader, scContent и scFooter.
В разделе «боди» добавлено описание переменных JavaScript: iLoadHeight, iLoadWidth и для каждого дива координат вдоль оси Y и размер по вертикали. Координаты по оси Х равна нулю, и размер этой оси равна ширине окна браузера.
Кроме того, описываются переменные, чтобы получить доступ к элементам: dHeader, dContent и dFooter.
С помощью метода JavaScript getElementById переменных dHeader, dContent и dFooter получил реальные значения я, и они были использованы для размещения в формате текущего размера окна браузера.
В контексте этого примера, наличие переменных, шляпы, содержание и нижний колонтитул позволяет модифицировать их свойства так, что они были всегда в нужном месте и имел правильные размеры при изменении размеров окна браузера. One свойства элементов
Основная цель метода JavaScript getElementById изменить содержание и свойства элемента. Как правило, первый запуск выражение присваивания:dHeader.innerHTML = 'Пуск: Y=' + iHeaderCooY + '; H=' + iHeaderSizeY;dContent.innerHTML = 'Пуск: Y=' + iContentCooY + '; H=' + iContentSizeY;dFooter.innerHTML = 'Пуск: Y=' + iFooterCooY + '; H=' + iFooterSizeY;
Эти три выражения заполняют содержимое тега информации о том, что они получили координату Y и какова их высота по вертикали.
Свойство innerHTML позволяет вставить в теги и другие теги, т. е. вы можете создать сколь угодно сложной внутренней форматирование единственный элемент страницы.
В частности, в любой момент можно отформатировать шляпу, содержимое страницы и нижний колонтитул так, как это необходимо. Введя в этих тегах другие теги, вы можете обратиться к классам и других идентификаторов, описанных в правилах CSS.
Часто применение метода JavaScript getElementById - изменение свойств элементов. В этом контексте предполагается динамическое изменение правил CSS. Эти правила доступны через общее свойство «style», который включает в себя почти все свойства (правила) CSS. В ноги как были использованы правила «style.топ», «стиль.left». Таким же способом можно изменить и другие правила элементов страницы.
Третий момент, когда метод JavaScript getElementById значительно упрощает работу развития: группировка и разборка тега в частности, уникальный элемент. Например, в разделе содержание страницы таблица информации, выполненный в виде тега, именованные строк и столбцов, в бетон. Необходимо, чтобы все прочитать и обработать, сохраняя исходное положение и оформление.
Категория: Техника
