# Removing elements in JavaScript

Let's now learn how to remove elements. To do this, use the `remove` method. Let's look at an example of how this is done. Let's have paragraphs:

`<p>elem 1</p> <p>elem 2</p> <p>elem 3</p> <p>elem 4</p> <p>elem 5</p>`

Let's make it so that any paragraph is removed by clicking on it:

`let elems = document.querySelectorAll('p'); for (let elem of elems) { elem.addEventListener('click', function() { elem.remove(); }); }`

Given the following code:

`<ul> <li>1</li> <li>2</li> <li>3</li> </ul>`

Make it so that any `li` is removed by clicking on it.

Given the following code:

`<ul id="parent"> <li>1</li> <li>2</li> <li>3</li> </ul> <input type="submit" id="button">`

Make it so that on each click on the button, the last element from `#parent` is removed.

← →
↑
en ru