XML DOM | ProcessingInstruction target Attribute

XML DOM - ProcessingInstruction target Attribute


Hello folks! welcome back to a new edition of our tutorial on XML DOM. In this tutorial, we are going to be studying about the XML DOM ProcessIngInstruction target attribute.

The XML DOM ProcessingInstruction target attribute identifies the application to which the instruction or data is directed.

Syntax

The following below is the syntax to use the ProcessingInstruction target attribute -

ProcessingInstruction.target


Parameter Details

S.No.Parameter & Description
1

target

Identifies the application to which the instruction or data is directed.


Example

The following example illustrates the usage of the ProcessingInstruction target attribute -

<!DOCTYPE html>
<html>
   <head>
      <script>
         // loads the xml string in a dom object
         function loadXMLString(t) {
            // for non IE browsers
            if (window.DOMParser) {
               // create an instance for xml dom object
               parser = new DOMParser();
               xmlDoc = parser.parseFromString(t,"text/xml");
            } else // code for IE {
               // create an instance for xml dom object
               xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
               xmlDoc.async = false;
               xmlDoc.loadXML(t);
            }
            return xmlDoc;
         }
         function get_firstChild(p) {
            a = p.firstChild;
            return a;
         }
      </script>
   </head>
   <body>
      <script>
         var xml = "<Employee>";
         xml = xml+"<FirstName>";
         xml = xml+"<?piTarget piData more piData?>";
         xml = xml+"</FirstName>";
         
         xml = xml+"</Employee>";

         // calls the loadXMLString() with "text" function and store the xml dom in a variable
         var xmlDoc = loadXMLString(xml);

         var x = get_firstChild(xmlDoc.getElementsByTagName("FirstName")[0]);
         document.write("First child is : ");
         document.write(x.nodeName);

         //the following should be "piData more piData"
         alert(x.data);

         //the following should be "piTarget"
         alert(x.target);
      </script>
   </body>
</html>

Output

Save file as processinginstruction_target.html on the server's path. This is going to give us the following output below -

Processinginstruction_data.html


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 XML DOM Entity Object.

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.