1
00:00:02,060 --> 00:00:05,810
So let's dive into DOM manipulations.

2
00:00:05,810 --> 00:00:08,270
We practiced how we can select elements.

3
00:00:08,270 --> 00:00:11,280
Now it's time to change things on the page.

4
00:00:11,280 --> 00:00:14,620
And of course, we did already change some things.

5
00:00:14,620 --> 00:00:18,370
For example, we changed basically an attribute value

6
00:00:18,370 --> 00:00:21,870
you could say by setting this href property

7
00:00:21,870 --> 00:00:23,820
on the anchor element.

8
00:00:23,820 --> 00:00:25,590
And in the last exercise,

9
00:00:25,590 --> 00:00:28,110
we changed the text content of a paragraph

10
00:00:28,110 --> 00:00:29,713
in that bonus task.

11
00:00:31,630 --> 00:00:34,370
Now, these are already super important

12
00:00:34,370 --> 00:00:37,020
kinds of DOM manipulations

13
00:00:37,020 --> 00:00:41,470
because changing the text content and/or attribute values,

14
00:00:41,470 --> 00:00:45,050
these are amongst the most common operations you will do.

15
00:00:45,050 --> 00:00:48,860
After all, these are the things which have an impact

16
00:00:48,860 --> 00:00:53,540
on what you see on the screen or how certain elements behave

17
00:00:53,540 --> 00:00:56,083
like here when you change the link address.

18
00:00:57,230 --> 00:01:01,570
But there are three other very important kinds

19
00:01:01,570 --> 00:01:06,570
of DOM manipulation and that would be adding a new element,

20
00:01:07,730 --> 00:01:10,030
deleting an existing element,

21
00:01:10,030 --> 00:01:14,500
or moving an existing element to a different place.

22
00:01:14,500 --> 00:01:16,483
And that's what we'll dive in next.