JavaScript и работа с DOM

JavaScript и работа с DOM

Согласно статистике сайта, кто-то недавно искал разъяснения по JavaScript и DOM. Если статистика верна, он провел на моем сайте почти полчаса. Хотя в 6 постах вы можете встретить людей, говорящих о DOM, я не объяснил, что это такое..

DOM — объектная модель документа

Начнем с самого аббревиатуры. В буквальном переводе это «Документ объектной модели». Эта объектная модель имеет древовидную структуру, которая соответствует структуре документа HTML. Он создается с помощью различных тегов. Однако DOM включает не только теги, но и связанные с ними обработчики событий и функции JavaScript. Поэтому, когда мы говорим о редактировании HTML-тегов, мы на самом деле говорим о манипуляциях с DOM..

Читать также:  Платформа анимации GreenSock (GSAP)

DOM и JavaScript

Мы упомянули обработчики событий и функции JavaScript, но в дополнение к ним DOM также включает все глобальные переменные. Это включает в себя функции, которые мы определили. В JavaScript функции содержатся в переменных.

С помощью JavaScript мы можем получить доступ к информации и внести изменения не только в сам документ, но и в окно в целом. По крайней мере, насколько позволяют функции JavaScript.

Инструменты разработчика

Вы можете использовать так называемые инструменты разработчика для просмотра DOM..

  • В Chrome и Safari есть веб-инспектор.
  • В Firefox есть Firebug (это надстройка, поэтому вам может потребоваться его установить). Для нескольких версий также есть встроенный инспектор..
  • В опере есть Стрекоза.
  • Даже Internet Explorer (8+) имеет нечто подобное, но гораздо более ограниченное, чем другие браузеры..
Читать также:  Скроллер

В большинстве случаев вы можете увидеть эти инструменты, нажав F12. Если нет — щелкните элемент правой кнопкой мыши и выберите «Проверить»..

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

Я надеюсь, что этим постом я внес ясность в этот вопрос. В общем, я лично искал разъяснений относительно того, что такое DOM слишком долго, потому что всегда думал, что их будет больше. А это на самом деле что-то довольно простое и элементарное.

Читать также:  Вставить видео на сайт
Понравилась статья? Поделиться с друзьями:
Что нужно знать пользователю?