DOM: работа с HTML-страницей
Большинство действий в javascript выполняется с HTML-страницей. В javascript страница представлена в виде объектной модели DOM (Document Object Model).
Любые действия со страницей требуют вызова соответствующего метода DOM.
Понимание, как работать с документом в модели DOM - краеугольный камень в javascript-программировании.
- Введение. DOM в примерах.
Основным инструментом работы и динамических изменений на странице является DOM (Document Object Model) - объектная модель, используемая для XML/HTML-документов.
Согласно DOM-модели, документ является иерархией.
Каждый HTML-тег образует отдельный элемент-узел, каждый фрагмент текста - текстовый элемент, и т.п. читать дальше »
- DOM: свойства VS атрибуты
У DOM-элементов в javascript есть свойства и атрибуты. И те и другие имеют имя и значение.
Поэтому иногда разработчики путают одно с другим.
Между ними есть соответствие, но оно не однозначное и его лучше понимать. читать дальше »
- Интерактивное путешествие по DOM
Здесь вы сможете побродить по DOM, посмотреть все элементы и проверить, все ли вы понимаете правильно. читать дальше »
- Поиск элементов в DOM
Стандарт DOM предусматривает несколько средств поиска элемента. Это методы getElementById , getElementsByTagName и getElementsByName .
Более мощные способы поиска предлагают javascript-библиотеки. читать дальше »
- Изменение страницы посредством DOM
Рассмотрим основные способы изменять DOM, вначале - в общих чертах, затем - на конкретном примере из жизни. читать дальше »
- Списки узлов DOM. Динамика в примере.
При поиске элементов в DOM надо помнить одну простую вещь: все списки узлов - не массивы Array , а специальные динамичные сущности DOMNodeList .
Какое это имеет значение? Разберем на примере. читать дальше »
|
Спасибо! Надо читать, и вам понравится! Написано очень живо, без лишнего занудства! Коротко и ясно! И красочно! По вопросам обращайтесь на форуме, вам там помогут, как помогли мне!
следующий код должен строить сетку при нажатии на кнопку, но вместо этого
каждый раз появляется только один квадрат
подскажите где ошибка
Очевидно же. У вас при создание новое ячейки никак независит от x и y. Вам нужно при создании ячейки , сделать зависимость от x и y.
Спасибо, все четенько и понятно!
Спасибо, очень полезный сайт, но документации по DOM все же не хватает, это еще не так хорошо изученное направление.
Помогите please с заданием,обработать массив строк,сформировать содержание,,используя JavaScript Разбить список на 2 уровня,первый уровень-первая буква,второй соответственно строка на эту букву.При нажатии на 2й уровень должна загружатся страница в который расположить справа.СПАСИБО
Задание ещё актуально, могу помочь но нужно более точно описать задание, а то вы как то очень расплывчато всё описали
Люди, помогите пожалуйста ) Используя JavaScript, HTML и объектную модель документа (DOM) обеспечить размещение абзаца на HTML-странице по левому краю, по центру и по правому краю. Для доступа к абзацу использовать метод getElementById().(должно быть 3 кнопки по нажатию которых абзац меняет положение лево центр право )
Я посетил Ваш блог и получил огромное количество информативных статей. Я внимательно прочитал много статей и получил информацию, которую давно искал. Надеюсь, вы напишете такую полезную статью в будущем. Спасибо, что написали.