1
00:00:00,610 --> 00:00:05,830
The jury removed method allows us to remove specified elements from our Web page.

2
00:00:05,870 --> 00:00:09,790
In this example we have a div element with some text nested inside.

3
00:00:11,060 --> 00:00:16,280
When we click the Remove button the div is removed from the page along with any of its contents.

4
00:00:23,190 --> 00:00:30,810
We can see in the HMO file that our body contains a button and a div with the ideas square

5
00:00:33,610 --> 00:00:41,340
the style sheet simply defines the style rules for the square in this case it has a height of two hundred

6
00:00:41,340 --> 00:00:47,160
pixels or width of three hundred pixels and some other basic attributes as well

7
00:00:50,380 --> 00:00:51,070
in our script.

8
00:00:51,070 --> 00:00:53,180
We've set up a click event on the button.

9
00:00:55,040 --> 00:01:01,380
The event will remove the element with ideas square from the page and again this is removed using the

10
00:01:01,380 --> 00:01:09,620
remove method we can also substitute remove method for empty.

11
00:01:09,620 --> 00:01:16,630
And in this case we'll be emptying any of the contents in this element.

12
00:01:18,900 --> 00:01:25,600
In the square element so if we could remove Now you'll notice that the contents of the square is removed

13
00:01:27,890 --> 00:01:31,410
and that's how the empty and remove methods are to be applied.