javascript - How to remove some particular tag from XML - Stack Overflow

admin管理员组

文章数量:1429336

I have one XML like below, and I want to remove Players tag when Flg = 1

<sports>
    <cricket Team = England>
        <Players Name = "EAA" Flg = "0"></Players>
        <Players Name = "EAB" Flg = "1"></Players>
    </cricket>
    <cricket Team = India>
        <Players Name = "IAA" Flg = "0"></Players>
        <Players Name = "IAB" Flg = "1"></Players>
    </cricket>
    <cricket Team = Aus>
        <Players Name = "AAA" Flg = "0"></Players>
        <Players Name = "AAB" Flg = "1"></Players>
    </cricket>
</sports>

So what I tried here is

var Players = xml.getElementsByTagName('Players');
var arr = Array.prototype.slice.call( Players  )
for(var i=0; i<arr.length; i++)
{
    var FlgAtt = arr[i].getAttribute('Flg');
    if(Flg == "1" ){
        arr.splice(i,1)
    }
}

But in the final XML those player tags are still available. My final output should be like

<sports>
    <cricket Team = England>
        <Players Name = "EAA" Flg = "0"></Players>
    </cricket>
    <cricket Team = India>
        <Players Name = "IAA" Flg = "0"></Players>
    </cricket>
    <cricket Team = Aus>
        <Players Name = "AAA" Flg = "0"></Players>
    </cricket>
</sports>

Can anybody tell me what I am doing wrong and how to solve these issues?

I have one XML like below, and I want to remove Players tag when Flg = 1

<sports>
    <cricket Team = England>
        <Players Name = "EAA" Flg = "0"></Players>
        <Players Name = "EAB" Flg = "1"></Players>
    </cricket>
    <cricket Team = India>
        <Players Name = "IAA" Flg = "0"></Players>
        <Players Name = "IAB" Flg = "1"></Players>
    </cricket>
    <cricket Team = Aus>
        <Players Name = "AAA" Flg = "0"></Players>
        <Players Name = "AAB" Flg = "1"></Players>
    </cricket>
</sports>

So what I tried here is

var Players = xml.getElementsByTagName('Players');
var arr = Array.prototype.slice.call( Players  )
for(var i=0; i<arr.length; i++)
{
    var FlgAtt = arr[i].getAttribute('Flg');
    if(Flg == "1" ){
        arr.splice(i,1)
    }
}

But in the final XML those player tags are still available. My final output should be like

<sports>
    <cricket Team = England>
        <Players Name = "EAA" Flg = "0"></Players>
    </cricket>
    <cricket Team = India>
        <Players Name = "IAA" Flg = "0"></Players>
    </cricket>
    <cricket Team = Aus>
        <Players Name = "AAA" Flg = "0"></Players>
    </cricket>
</sports>

Can anybody tell me what I am doing wrong and how to solve these issues?

• javascript
• html
• arrays
• xml

Share Improve this question Follow edited Jan 27, 2017 at 14:31 zx485 29.1k2828 gold badges5353 silver badges6363 bronze badges asked Jan 27, 2017 at 5:07 shanky singhshanky singh 1,14122 gold badges1313 silver badges2525 bronze badges 2

• You are removing them from the array, not the document.... – epascarello Commented Jan 27, 2017 at 5:11
• @epascarello Ya, even in debugger also i am get same, What i need to do for removing from doc. – shanky singh Commented Jan 27, 2017 at 5:11

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Assuming that's in document,

Array.from(document.querySelectorAll('Players[Flg="1"]')).forEach(
  x => x.parentNode.remove(x)
);

JavaScript's way of removing nodes from the document is parent.remove(child). As ments say, removing something from an array will not remove them from a document.

Try this code in your local , it will remove the node and need to write the XmlDoc in your xml File finally.

xmlString = '<sports><cricket Team="England"><Players Name="EAA" Flg="0"></Players><Players Name="EAB" Flg="1"></Players></cricket><cricket Team="India"><Players Name="IAA" Flg="0"></Players><Players Name="IAB" Flg="1"></Players></cricket><cricket Team="Aus"><Players Name="AAA" Flg="0"></Players><Players Name="AAB" Flg="1"></Players></cricket></sports>'

var parser, xmlDoc;
parser = new DOMParser();
xmlDoc = parser.parseFromString(xmlString, "text/xml");
var tag = xmlDoc.getElementsByTagName("cricket");
for (x in tag) {
  for (y in tag[x].childNodes) {
    node = tag[x].childNodes[y];
    for (attr in node.attributes) {
      if ((node.attributes[attr].nodeName == "Flg") && (node.attributes[attr].nodeValue == "1"))
        node.remove();
    }
  }
}
console.log(xmlDoc);

Another way:

xmlString = '<sports><cricket Team="England"><Players Name="EAA" Flg="0"></Players><Players Name="EAB" Flg="1"></Players></cricket><cricket Team="India"><Players Name="IAA" Flg="0"></Players><Players Name="IAB" Flg="1"></Players></cricket><cricket Team="Aus"><Players Name="AAA" Flg="0"></Players><Players Name="AAB" Flg="1"></Players></cricket></sports>'

var parser, xmlDoc;
parser = new DOMParser();
xmlDoc = parser.parseFromString(xmlString, "text/xml");

var tag = xmlDoc.querySelectorAll("Players[Flg='1']");
var f=Array.from(tag);
f.forEach(x=>x.remove());

console.log(xmlDoc);

本文标签： javascriptHow to remove some particular tag from XMLStack Overflow