НОВИНКА!
Занимательная математика от Трепачёва. Присоединяйтесь к нам!
⊗jsPmMnER 459 of 505 menu

Удаление элементов на JavaScript

Давайте теперь научимся удалять элементы. Для этого нужно использовать метод remove. Посмотрим на примере, как это делается. Пусть у нас есть абзацы:

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

Давайте сделаем так, чтобы любой абзац удалялся по клику на нем:

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

Дан следующий код:

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

Сделайте так, чтобы любая li удалялась по клику на нее.

Дан следующий код:

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

Сделайте так, чтобы по каждому клику на кнопку удалялся последний элемент из #parent.

Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить