XML DOM | Attribute Object ownerElement Attribute

XML DOM - Attribute Object ownerElement Attribute


Hello folks! welcome back to a new edition of our tutorial on XML DOM. In this tutorial, we will be discussing about the XML DOM Attribute Object ownerElement Attribute.

The ownerElement attribute gives the node to which the attribute is attached to or null if the attribute is not in use.

Syntax

The following below is the syntax to use the Attribute Object ownerElement Attribute -

attrObject.ownerElement

Return Value

This XML DOM Attribute returns the node to which the attribute is associated to.

Example

Following are the node.xml contents -

<?xml version = "1.0" encoding = "UTF-8" standalone = "no" ?>
<Company>
   <Employee category = "Technical" id = "firstelement">
      <FirstName>Kennedy</FirstName>
      <LastName>Nkpara</LastName>
      <ContactNo>1234567890</ContactNo>
      <Email>kennedynkpara@xyz.com</Email>
   </Employee>
   
   <Employee category = "Non-Technical">
      <FirstName>Stephanie</FirstName>
      <LastName>Francis</LastName>
      <ContactNo>1234667898</ContactNo>
      <Email>stephaniefrancis@xyz.com</Email>
   </Employee>
   
   <Employee category = "Management">
      <FirstName>Justice</FirstName>
      <LastName>Douglas</LastName>
      <ContactNo>1234562350</ContactNo>
      <Email>justicedouglas@xyz.com</Email>
   </Employee>
</Company>


Following example illustrates the usage of the Attribute Object ownerElement attribute -

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         x = xmlDoc.getElementsByTagName('Employee');

         document.write("Owner is : ");
         document.write(x.item(0).attributes[0].ownerElement);
         document.write("<br>");

         document.write("Owner Name of attribute node is : ");
         document.write(x.item(0).attributes[0].ownerElement.nodeName);
         
      </script>
   </body>
</html>

Output

Save file as attributeobject_ownerelement.html on the server's path (this file and node.xml should be on the same path in your server). This is going to give us the following output below -

Owner is : [object Element]
Owner Name of attribute node is : Employee


Alright guys! This is where we are going to be rounding up for this tutorial post. In our next tutorial, we will be studying about the XML DOM Attribute Object isId Attribute.

Feel free to ask your questions where necessary and we will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.

Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.

Thanks for reading and bye for now.