XPath选择在Microsoft Edge中不起作用（适用于Chrome和Firefox）

Question

When trying to select a specific row or set of rows from an XML Document Microsoft Edge always returns the first row. The other browser handle the selection just fine.

I've made a small demonstration using the exact same code and XML as on the website in question.

https://jsbin.com/wufoyisudi/edit?html,output

when entering 'aar' in the textbox en pressing submit the first PortERPID of the first row is returnerd. However when entering 'abi' in the textbox the PortERPID of the second row should be returned. This works fine in Chrome and Firefox but doesn't work in Microsoft edge.

XML:

<ROOT>
<FAKE>
    <row PortERPID="DKAAR" PortName="AARHUS"/>
    <row PortERPID="CIABJ" PortName="ABIDJAN"/>
</FAKE>
</ROOT>

JavaScript:

var val = document.getElementById("filter").value;
var xml = '<ROOT><FAKE>' + 
          '<row PortERPID="DKAAR" PortName="AARHUS"/>' + 
          '<row PortERPID="CIABJ" PortName="ABIDJAN"/>' + 
          '</FAKE></ROOT>';

var parser=new DOMParser();
xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.async="false";               
xmlDoc = parser.parseFromString(xml,"text/xml");

var portsERPIDXpath = "//row[@PortName[contains(translate(.,'abcdefghijklmnopqrstuvwxyz'," + " 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'),'" + val.toUpperCase() + "')]]/@PortERPID";
var ERPIDS = xmlDoc.evaluate(portsERPIDXpath, xmlDoc, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
var ERPID = ERPIDS.snapshotItem(0).value;
document.getElementById("result").innerHTML = ERPID;

Keep in mind that this is old code that's going to get replaced by a new system so completely rewriting is not an option.

Any ideas on a possible fix/workaround?

EDIT:

I was able to fix the problem by rewriting the XPATH expression to

//row[contains(translate(@PortName,'abcdefghijklmnopqrstuvwxyz'," + " 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'),'" + val.toUpperCase() + "')]/@PortERPID

I have no idea why this works as it is basically the same expression but it works.

Answer 1

Perhaps querySelector has better support:

      var el = xmlDoc.querySelector('row[PortName*="' + value.toUpperCase() + '"]');
      if (el != null) {
        var ERPID = el.getAttribute('PortERPID');
        document.getElementById("result").innerHTML = ERPID;
      }