React Native

Xml TagPath Property Explained

See more XML Examples

Demonstrates and explains the TagPath property. React Native

import { Xml } from '@chilkat/react-native'

function chilkatExample() {
  const xml = new Xml();

  // Load some XML:
  xml.loadXml('<a><bbb><ccc><ddd>1</ddd><ddd><z>zzz</z></ddd><ddd>3</ddd></ccc></bbb></a>');

  console.log(xml.getXml());

  // This is what we have:

  // <?xml version="1.0" encoding="utf-8"?>
  // <a>
  //     <bbb>
  //         <ccc>
  //             <ddd>1</ddd>
  //             <ddd>
  //                 <z>zzz</z>
  //             </ddd>
  //             <ddd>3</ddd>
  //         </ccc>
  //     </bbb>
  // </a>

  // The TagPath property is read-only property that returns the unique path to the
  // node from the document root.

  // For example:
  let found = true;
  try {
    xml.searchForTag2('z', xml);
  } catch {
    found = false;
  }
  if (found) {
    // We found a node having the tag "z".
    // The TagPath property tells us the location in the document.
    const tagPath = xml.tagPath;
    console.log(tagPath);

    // The tagPath is bbb|ccc|ddd[1]|z

    // If we to back to the document root, we can get to the given node via the tagPath.
    xml.getRoot2();
    console.log(xml.tag);
    // The root tag is "a".

    // Follow the tagPath to the "z" node:
    found = true;
    try {
      xml.findChild2(tagPath);
    } catch {
      found = false;
    }
    console.log(`found = ${found}, tag = ${xml.tag}`);
    // We are now at "z".
  }
}