Категории

    Новости

    Изменение фона в шаблоне Joomla
    6. Сейчас колдуем с CSS так, чтоб было похоже на данный макет. Поехали: Я заключил меню в блочный элемент levoe-menu: Таким макаром, Joomla генерирует последующий код: Основная Сырье Аддитивы Диоксид

    Как быстро перенести сайт на Joomla Часть 2 Восстановление из резервной копии
    Как запустить цикл? У меня на данный момент выводит одну и туже картину либо просто "i" $q ="SELECT vm.`file_url_thumb` FROM `#__virtuemart_medias` vm LEFT JOIN `#__virtuemart_product_medias` vpm ON vpm.`virtuemart_media_id`

    Анализ сайта яндекс
    Продвижение веб-сайта в ТОП Yandex'а и Google (других поисковых машин) - главная цель для хоть какого вебмастера либо оптимизатора. В попытке закрепить собственный ресурс на фаворитных позициях выдачи

    Материнские платы на 2 процессора
    Для тех у кого нет времени, чтоб прочесть всю статью, я сразу даю рекомендуемые модели материнских плат под различные микропроцессоры. На сей день оптимальными по соотношению стоимость/качество являются

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

    Форд мондео ремонт
    На Форд Мондео ремонт силовых агрегатов случается довольно изредка, так как моторы южноамериканского производителя обычно надежны и долговечны. Особенного внимания стоит 2, 5л бензиновый вариант, снаряженный

    Процессоры intel socket 775
    Сокет (socket) микропроцессора - разъем, место на материнской плате компьютера куда вставляется микропроцессор. Микропроцессор, до того как он будет установлен в материнскую плату, должен подходить ей

Полезные материалы

Обращение к элементам DOM

Опубликовано: 26.09.2017

видео Обращение к элементам DOM

Магазинчик Бо. Эпизод 19. Жыл

Основное назначение JavaScript - это работа с элементами страницы. Используя объектную модель документа, можно обратиться к любому элементу страницы.



Встроенные свойства и методы объекта document позволяют найти любой элемент на странице и произвести с ним необходимые действия. Например, у каждого элемента есть свойство style , которое позволяет изменять CSS-стили элемента.

Для обращения к любому элементу страницы в DOM интерфейсе введены специальные поисковые методы. Поиск может осуществляется по разным параметрам элементов, поэтому с помощью них можно найти любой элемент.


Изогнутую древисину , делают так !!!

getElementById()

Объект document имеет встроенный метод getElementById(). Он выполняет поиск элемента по его уникальному идентификатору id .

document.getElementById(идентификатор) идентификатор Строка, содержащая уникальный идентификатор. <html> <head> <title>DOM интерфейс</title> </head> <body> <p>Lorem ipsum dolor...</p> <p id="last_paragraph">Deleniti sit veniam...</p> </body> </html> <script> var elem = document.getElementById('last_paragraph'); elem.style.background = '#599'; </script>

Lorem ipsum dolor...


Урок 5: HTTP запросы , параметры URL и HTML формы.

Deleniti sit veniam...

При отображении страницы браузер автоматически создаёт глобальные свойства со ссылками на элементы, для которых указан уникальный идентификатор. Именами свойств являются сами идентификаторы. Таким образом, в JavaScript есть возможность быстрого обращения к элементу по его id.

<html> <head> <title>DOM интерфейс</title> </head> <body> <p id="first_paragraph">Lorem ipsum dolor...</p> <p id="last_paragraph">Deleniti sit veniam...</p> </body> </html> <script> window['first_paragraph'].style.background = 'gray'; /* или */ last_paragraph.style.background = '#599'; </script>

Lorem ipsum dolor...

Deleniti sit veniam...

Оперирование глобальными переменными может привести к ошибкам в программе. Более правильным является использование document.getElementById().

 

rss