DOM для чего и как использовать?

Автор Тема: DOM для чего и как использовать?  (Прочитано 2139 раз)

Оффлайн helsikАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 9
  • Сообщений: 48
  • Карма: 1
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн helsikАвтор темы

  • Рекрут
  • *
Здравствуйте, прошу не кидать камнями, просто хочу разобраться для чего нужна DOM и как ее использовать? Я сделал уже 2 интернет магазина и 4 сайта, но нигде не использовал DOM.. по понятиям я смотрел в интернете, что это такое, но как его практически применить и для чего так и не понял.. кому не лень объясните пожалуйста. Спасибо за внимание.


Оффлайн helsikАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 9
  • Сообщений: 48
  • Карма: 1
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн helsikАвтор темы

  • Рекрут
  • *
Re: DOM для чего и как использовать?
« Ответ #1 : 20-08-2015, 23:36:52 »
 81 просмотр и никто не в теме(( очень жаль..

Оффлайн Sevab

  • Администратор
  • Бизнес оценка: (6, 100%)
  • *****
  • СПАСИБО: 9882
  • Сообщений: 14500
  • Карма: 664
  • Пол: Мужской
    • Просмотр профиля
    • Trust Directory Project

Оффлайн Sevab

  • Администратор
  • *****
Re: DOM для чего и как использовать?
« Ответ #2 : 20-08-2015, 23:52:40 »
helsik, вам нужно было спросить в этом разделе (перенести?).

Вот определение в википедии.

Все это больше относится к яваскрипт и как следствие к аяксу. Если вы не собираетесь програмировать на этих языках (ну аякс конечно не язык, а производная от яваскрипт), то вам и не нужен дом.

По большому счету нужен для доступа к различным элементам страницы средствами яваскрипта.
Есть специальные сайты посвященные дом. Есть утилиты (в том числе браузерные) позволяющие просмотреть и получить доступ к различным элементам страницы или документа (напр. xml).

Один из вариантов применения, динамическое изменение страницы (или элементов страницы) уже после ее загрузки.
По времени, или по действию пользователя.

Оффлайн Старый

  • Бизнес оценка: (9, 100%)
  • Мастер
  • *****
  • СПАСИБО: 1694
  • Сообщений: 5448
  • Карма: 159
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн Старый

  • Мастер
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1694
    • Сообщений: 5448
    • Карма: 159
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
      • Просмотр профиля
Re: DOM для чего и как использовать?
« Ответ #3 : 20-08-2015, 23:55:20 »
Значит вам это пока не нужно.  ;)
При этом не только вам конкретно, но и вашим посетителям и начальству.

Если хотите себе "геморрой", то стоит объяснить вашему начальству, как интересен буден DOM постоянным клиентам вашей компании.

Вам это нужно?
Если ответите утвердительно, то я вам попробую на пальцах объяснить, что это такое, с точки зрения программирования и администрирования.  :)

Оффлайн helsikАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 9
  • Сообщений: 48
  • Карма: 1
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн helsikАвтор темы

  • Рекрут
  • *
Re: DOM для чего и как использовать?
« Ответ #4 : 21-08-2015, 00:38:01 »
Sevab, спасибо за развернутый ответ, просто в очередной раз работая через firebug увидел вкладку DOM (раньше почему-то не обращал на нее внимания) и подумал, что я возможно не использую какую-то удобную фишку в работе.. решил с ней разобраться. Кстати в планах начать учиться работе со скриптами, хотя-бы в базовом понимании..


Оффлайн Yama

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 194
  • Сообщений: 458
  • Карма: 14
    • Просмотр профиля
    • Товары для охоты и рыбалки

Оффлайн Yama

  • Старожил
  • ****
Re: DOM для чего и как использовать?
« Ответ #5 : 21-08-2015, 10:34:38 »
то я вам попробую на пальцах объяснить
объясните  :) дополнительная инфа по этому вопросу не помешает... 

Оффлайн Andrewk74

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 29
  • Сообщений: 93
  • Карма: 7
    • Просмотр профиля
    • Разработка сайтов под ключ

Оффлайн Andrewk74

  • Пользователь
  • **
Re: DOM для чего и как использовать?
« Ответ #6 : 21-08-2015, 14:11:54 »
Попробую рассказать на простом языке.
Когда вы открываете firebag, то слева вы видите дерево структуры HTML. Нажатие на плюсик разворачивает ветку, минус - скрывает ее. По сути это и есть дерево DOM.
Что с этим можно делать?
Как писали выше, на языке Javascript или на популярном фреймворке JQuery есть простые команды, которые позволяют лазить по этому дереву и работать с его элементами (к примеру отломать ветку, или раскрасить ее).
Например на JQuery:
var elementik = $('#block'); - присвоит переменной elementik указатель на какой-то элемент с ID block. Сохранит ветку в переменную.
elementik.addClass('proverka'); - добавит этому элементу класс proverka. Ветку с классом уже можно будет раскрасить.
Так же можно вешать события (клик, ховер и т д) на элементы, можно бегать по дереву методами parent,children,next,prev, проходить циклами и еще кучу всего разного.
Очень популярные вещи, сделанные таким образом:
Активность пункта меню: берем url текущей страницы вида (/katalog/) пробегаемся циклом ссылкам верхнего меню, ищем совпадения в href в пунктах меню вида <a href="ссылка">Пункт меню</a>, если совпало - ставим класс active.
Раскрыть блок по нажатию на кнопку: вешаем на кнопку событие, что по клику на нее найти такой-то элемент и показать его.

« Последнее редактирование: 21-08-2015, 14:21:25 от Andrewk74 »

Оффлайн Yama

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 194
  • Сообщений: 458
  • Карма: 14
    • Просмотр профиля
    • Товары для охоты и рыбалки

Оффлайн Yama

  • Старожил
  • ****
Re: DOM для чего и как использовать?
« Ответ #7 : 21-08-2015, 15:11:34 »
я как оптимизатор скажу что в моем понимании DOM это и есть содержимое страницы, открывающееся на стороне браузера и задача моя, например, сейчас как заставить DOM грузится быстрее - не с 3,5 секунды а быстрее

Оффлайн helsikАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 9
  • Сообщений: 48
  • Карма: 1
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн helsikАвтор темы

  • Рекрут
  • *
Re: DOM для чего и как использовать?
« Ответ #8 : 22-08-2015, 01:09:22 »
я как оптимизатор скажу что в моем понимании DOM это и есть содержимое страницы, открывающееся на стороне браузера и задача моя, например, сейчас как заставить DOM грузится быстрее - не с 3,5 секунды а быстрее
это довольно интересно, можно подробнее как это сделать?))


Онлайн vold57

  • Бизнес оценка: (6, 100%)
  • Мастер
  • *****
  • СПАСИБО: 5039
  • Сообщений: 6902
  • Карма: 277
  • Пол: Мужской
  • Награды Более трех тысяч спасибо Мастер поисковой оптимизации
    • Просмотр профиля
    • SEO, интернет-маркетинг, сайостроение

Онлайн vold57

  • Мастер
  • *****
Re: DOM для чего и как использовать?
« Ответ #9 : 22-08-2015, 09:27:48 »
я как оптимизатор скажу что в моем понимании DOM это и есть содержимое страницы, открывающееся на стороне браузера и задача моя, например, сейчас как заставить DOM грузится быстрее - не с 3,5 секунды а быстрее

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


 

Похожие темы

  Тема / Автор Ответов Последний ответ
2 Ответов
1239 Просмотров
Последний ответ 19-04-2012, 13:02:16
от SeoGot
15 Ответов
2981 Просмотров
Последний ответ 26-11-2012, 12:45:03
от Rissen
11 Ответов
2439 Просмотров
Последний ответ 13-04-2015, 21:41:29
от vold57
1 Ответов
2069 Просмотров
Последний ответ 11-11-2015, 18:58:57
от xwildx
10 Ответов
3586 Просмотров
Последний ответ 17-11-2017, 21:44:19
от Gals