javascript : .next()

javascript : domElement .next()

---

Target:

Applicable with any DOM element.

• getElementById
• getElementsByTagName
• getElementsByClassName
• getElementsByName
• querySelector
• querySelectorAll
• select
• etc.

---

Description :

return next sibling element of selected element other wise empty nodesList.

Note: if selector is DOM Elements List then first node element's next sibling node return.

---

Syntax:

DOMElement.next()

DOMNodeList.next()

HTMLCollection.next()

---

Usase:

1. document.getElementById('firstDiv').next()
   if firstDive element's next sibling node exists return it.
2. document.getElementsByTagName('div').next()
   the getElementsByTagName selects all div and next() method return next sibling node if exists
3. document.getElementsByClassName('FirstDiv').next()
   the getElementsByClassName selects all div having class "FirstDiv" and next() method return first element's next sibling node if exists.
4. document.getElementsByName('FirstDiv').next()
   the getElementsByName selects all elements having name attribute "FirstDiv" and next() method return first element's next sibling node if exists.
5. document.querySelector('.FirstDiv').next()
   the querySelector selects first div having class "FirstDiv" and next() method return next element if exists.
6. document.querySelectorAll('.FirstDiv').next()
   the querySelectorAll selects all div having class "FirstDiv" and next() method return first element's next sibling node if exists.

Download MYJS.js

MyJs is a collection of java script extension methods that enhances the JavaScript objects, class object, DOM element, domElementsCollections, Date, String, Number and other data type. 

Include in you project landing page (master page) and it will extends your DOM and JavaScript Objects.