Question

Views

I would like to know how to use only JavaScript to select all elements except the first one.

My current approach:

const ps = document.querySelectorAll('div > p')

const [first, ...rest] = ps

rest.forEach(p => {
  p.innerHTML = ""
})

<div>
  <p><span>+</span>1</p>
  <p><span>+</span>2</p>
  <p><span>+</span>3</p>
</div>

This works, but it returns an array instead of a NodeList. I would like it to return a NodeList.

about 4 years ago · Juan Pablo Isaza

const ps = document.querySelectorAll("div > p:not(:first-child)");

about 4 years ago · Juan Pablo Isaza Report

Answer question

Accepted Answer · 2022-06-30T10:34:15.994Z

const ps = [ ...document.querySelectorAll('div > p:not(:first-child)') ]
console.log(ps.map(e => e.innerHTML));

<div>
  <p><span>+</span>1</p>
  <p><span>+</span>2</p>
  <p><span>+</span>3</p>
</div>

const ps = [ ...document.querySelectorAll('div > p') ]
ps.splice(0, 1);
console.log(ps.map(e => e.innerHTML));

<div>
  <p><span>+</span>1</p>
  <p><span>+</span>2</p>
  <p><span>+</span>3</p>
</div>