Как удалить последний параграф на странице?

Question

[Valen96]

Хочу сделать кнопку, которая удаляет последний параграф на странице,
у кнопки обработчик события: onclick="delLastParagraph();".
Функцию пытаюсь так писать:

function delLastParagraph()
  {
  	var paragraphs = document.querySelectorAll('p');

Выделяет все параграфы в NodeList, в консоли все правильно выводит, все узлы параграфов на странице, а как потом удалять по нажатию кнопки последний из DOM дерева?

var lastParagparh=paragraphs.lastChild;
Так не работает, чтобы находить последний, нужно через массив делать?
И как происходит удаление? Через remove()? Или removeChild?

Answer 1

[entermix]

Несмотря на то, что Вы поленились даже оформить свой вопрос:

$( "p" ).last().remove();

https://api.jquery.com/last/
https://api.jquery.com/last-selector/
https://api.jquery.com/remove/

var nodes = div.querySelectorAll('p');
var first = nodes[0];
var last = nodes[nodes.length- 1];

last.remove();

https://stackoverflow.com/questions/5684811/in-que...

Comments

[Valen96]

спасибо, через Jquery данную функцию работает, почему поленился? не подскажете как это реализовать на чистом javascript?с помощью удаления узла?

[entermix]

Valen96, в своем вопросе Вы
1. Выбрали теги. которые попались под руку. Сейчас получили ответ, но оказывается Вам не нужно решение на JQuery. Зачем вставили этот тег?
2. Не выделили оформили код

var nodes = div.querySelectorAll('p');
var first = nodes[0];
var last = nodes[nodes.length- 1];

last.remove();

https://stackoverflow.com/questions/5684811/in-que...