Знаете ли вы, что мы можем использовать JavaScript для управления содержимым веб-страницы? Кажется интересным, правда? Давайте разберемся, что такое объектная модель документа, т.е. DOM в JavaScript следующим образом:
- Что такое DOM в JavaScript?
- Действия DOM в JavaScript
- Запрос DOM
- Прослушивание событий
- Взаимодействие с формами
- Создание HTML-элементов
- Добавление CSS
Что такое DOM в JavaScript?
Объектная модель документа или DOM создается браузером при загрузке веб-страницы. В графической форме это похоже на дерево элементов, также называемых узлами, которые используются для представления каждого отдельного элемента на странице.
Вся модель DOM нашей веб-страницы находится внутри объекта документа. Программно эта модель позволяет нам читать или даже изменять содержимое нашей страницы через . Разве это не круто?
Действия DOM в JavaScript
Вот некоторые из действий, которые мы можем выполнять с этой моделью:
Изменить / удалить элементы HTML в DOM / на странице.
Изменять и добавлять стили CSS к элементам
как установить путь к классам Java
Чтение и изменение атрибутов (href, src, alt) и т. Д.
Создайте новые элементы и вставьте их в DOM / страницу.
Присоединение слушателей событий к элементам (щелчок, нажатие клавиши, отправка)
Запрос DOM в JavaScript
Захват HTML-элемента или его использование для добавления / изменения или содержимого называется запросом.
HTML-код:
что такое модель программирования на основе pojo
Javascript и DOM h1 {font-size: 60px}Код JavaScript:
var title = document.getElementById ('title') // изменить цвет на красный title.style.color = 'red' var body = document.getElementById ('body') // изменить цвет фона на голубой body.style. backgroundColor = 'голубой'Мы изменили цвет текста заголовка с черного на красный с помощью JavaScript. Мы достигли этого с помощью .стиль свойство затем изменило значение цвет равняться сеть .
Теперь давайте изменим цвет фона основного элемента на светло-синий .
дерево решений сортировки слиянием 4 элемента
На этом мы подошли к концу статьи о DOM в JavaScript. Надеюсь, вы получили представление о том, как работают объектные модели документов и как реализовать ту же модель DOM в JavaScript.
Теперь, когда вы знаете о DOM в JavaScript, ознакомьтесь с пользователя Edureka. Курс по сертификации веб-разработки поможет вам научиться создавать впечатляющие веб-сайты с использованием HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).
Есть вопрос к нам? Пожалуйста, укажите это в комментариях к «DOM в JavaScript», и мы свяжемся с вами.