Document Object Model

DOM (Document Object Model)

Document Object Model, сокращённо DOM – объектная модель документа, которая представляет                                     все содержимое страницы в виде объектов, которые можно менять.

Объект document – основная «входная точка». С его помощью мы можем что-то создавать или менять на странице.

[pic 1]

[pic 2]

[pic 3]

[pic 4]

[pic 5]

[pic 6]

[pic 7]

[pic 8]

[pic 9][pic 10]

[pic 11]

[pic 12][pic 13][pic 14][pic 15][pic 16][pic 17][pic 18][pic 19][pic 20]

[pic 21]

[pic 22]

• это обращение к моим элементам (имя тега, имя класса и имя id)

Пример:

[pic 23][pic 24][pic 25][pic 26][pic 27][pic 28][pic 29][pic 30][pic 31][pic 32][pic 33][pic 34][pic 35]

Получение тегов в JS:

[pic 36][pic 37][pic 38][pic 39][pic 40][pic 41][pic 42][pic 43][pic 44][pic 45][pic 46][pic 47]

3 вида текста в HTML из JS

[pic 48][pic 49][pic 50]

[pic 51][pic 52][pic 53][pic 54][pic 55][pic 56][pic 57][pic 58][pic 59][pic 60]

[pic 61]

[pic 62][pic 63]

                      получение по текстам.[pic 64]

                    [pic 65][pic 66]

                      данный вариант умеет читать HTML теги.[pic 67]

[pic 68][pic 69][pic 70][pic 71][pic 72][pic 73][pic 74][pic 75][pic 76][pic 77][pic 78][pic 79][pic 80][pic 81]

[pic 82][pic 83][pic 84][pic 85][pic 86]

[pic 87]

Добавление текста через JS

[pic 88][pic 89]

[pic 90][pic 91][pic 92][pic 93]

[pic 94][pic 95]

[pic 96]

        [pic 97][pic 98][pic 99][pic 100]

[pic 101]

Удаление и добавление символов

[pic 102][pic 103]

[pic 104]

[pic 105]

[pic 106][pic 107][pic 108]

Стили в JS

[pic 109][pic 110][pic 111]

[pic 112]

[pic 113][pic 114]

[pic 115][pic 116]

[pic 117]

Создание фигур и стилей к ним в JS

[pic 118][pic 119]

[pic 120][pic 121][pic 122][pic 123][pic 124][pic 125][pic 126][pic 127][pic 128][pic 129][pic 130][pic 131][pic 132][pic 133][pic 134]