DOM - Node Object Attribute - nextSibling


Advertisements

The attribute nextSibling returns the node immediately following this node. If there is no such node, this returns null.

Syntax

Following is the syntax for the usage of the nextSibling attribute.

nodeObject.nextSibling

Example

node.xml contents are as below −

<?xml version = "1.0"?>
<Company>
   <Employee category = "Technical">
      <FirstName>Tanmay</FirstName>
      <LastName>Patil</LastName>
      <ContactNo>1234567890</ContactNo>
      <Email>tanmaypatil@xyz.com</Email>
   </Employee>
   
   <Employee category = "Non-Technical">
      <FirstName>Taniya</FirstName>
      <LastName>Mishra</LastName>
      <ContactNo>1234667898</ContactNo>
      <Email>taniyamishra@xyz.com</Email>
   </Employee>
   
   <Employee category = "Management">
      <FirstName>Tanisha</FirstName>
      <LastName>Sharma</LastName>
      <ContactNo>1234562350</ContactNo>
      <Email>tanishasharma@xyz.com</Email>
   </Employee>
</Company>

Following example demonstrates the usage of the nextSibling 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>
         function get_nextsibling(n1) {
            c1 = n1.nextSibling;
            while (c1.nodeType != 1) {
               c1 = c1.nextSibling;
            }
            return c1;
         }

         xmlDoc = loadXMLDoc("/dom/node.xml");

         c1 = xmlDoc.getElementsByTagName("FirstName")[0];
         document.write(c1.nodeName);
         document.write(" and value = ");
         document.write(c1.childNodes[0].nodeValue);

         c2 = get_nextsibling(c1);

         document.write("Name of Next sibling is: ");
         document.write(c2.nodeName);
         document.write(" and value = ");
         document.write(c2.childNodes[0].nodeValue);
      </script>
   </body>
</html>

Execution

Save this file as nodeattribute_nextsibling.htm on the server path (this file and node.xml should be on the same path in your server). We will get the output as shown below −

FirstName and value = Tanmay
Name of Next sibling is: LastName and value = Patil
dom_node_object.htm

Useful Video Courses


Video

Decision Trees, Random Forests, AdaBoost & XGBoost in R

33 Lectures 3.5 hours

Abhishek And Pukhraj

Video

SEO Secrets of Google: Expired Domains & 301 Redirects

15 Lectures 1 hours

Zach Miller

Video

Mental Freedom: From PAIN To POWER

15 Lectures 4 hours

Prof. Paul Cline, Ed.D

Video

Mental Freedom: Freedom From Pain

13 Lectures 4 hours

Prof. Paul Cline, Ed.D

Video

JavaScript DOM Game - Deal making game using JavaScript only

17 Lectures 2 hours

Laurence Svekis

Advertisements