how to remove nodes from an xml file with javascript?

Question

I have an xml document, a script.js and an html page where the following test should occur,I click on a button on the page and a function should be executed in the script that removes a group of nodes from the xml file,follow it below

FILE.XML

<?xml version="1.0" encoding="utf-8"?>
<filmes>
<filme>
  <titulo>A Casa Branca</titulo>
  <genero>comédia</genero>
  <ano>1999</ano>
  <faixaEtaria>+10</faixaEtaria>
</filme>
<filme>
  <titulo>A casa monstro</titulo>
  <genero>animação</genero>
  <ano>2007</ano>
  <faixaEtaria>+10</faixaEtaria>
</filme>
<filme>
  <titulo>O grito</titulo>
  <genero>terror/suspense</genero>
  <ano>2003</ano>
  <faixaEtaria>+14</faixaEtaria>
</filme>
<filme>
  <titulo>Pânico</titulo>
  <genero>suspense</genero>
  <ano>2006</ano>
  <faixaEtaria>+14</faixaEtaria>
</filme>
</filmes>

And when I click on the page button,it should remove the first group of nodes from the movie node,consequently the code will look like this

<?xml version="1.0" encoding="utf-8"?>
<filmes>
  <titulo>A casa monstro</titulo>
  <genero>animação</genero>
  <ano>2007</ano>
  <faixaEtaria>+10</faixaEtaria>
</filme>
<filme>
  <titulo>O grito</titulo>
  <genero>terror/suspense</genero>
  <ano>2003</ano>
  <faixaEtaria>+14</faixaEtaria>
</filme>
<filme>
  <titulo>Pânico</titulo>
  <genero>suspense</genero>
  <ano>2006</ano>
  <faixaEtaria>+14</faixaEtaria>
</filme>
</filmes>

I’ve researched about removeChild but I can’t create a function that removes the nodes from the xml file, I really need help because I can’t find solutions for this,so any example of function that solves the problem will be very useful.

Answer 1

You can do it this way:

y = xmlDoc.getElementsByTagName("filme")[0];

xmlDoc.documentElement.removeChild(y);

To remove the first movie from your list.

Source: https://www.w3schools.com/xml/dom_nodes_remove.asp