javascript : .prev()

 

javascript : domElement .prev()

---

Target:

Applicable with any DOM element.

• getElementById
• getElementsByTagName
• getElementsByClassName
• getElementsByName
• querySelector
• querySelectorAll

---

Description :

return previous sibling element of selected element other wise empty nodeList.

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

---

Syntax:

DOMElement.prev()

DOMNodeList.prev()

HTMLCollection.prev()

---

Usase:

1. document.getElementById('firstDiv').prev()
   if firstDive element's previous sibling node exists return it.
2. document.getElementsByTagName('div').prev()
   the getElementsByTagName selects all div and prev() method return previous sibling node if exists
3. document.getElementsByClassName('FirstDiv').prev()
   the getElementsByClassName selects all div having class "FirstDiv" and prev() method return first element's previous sibling node if exists.
4. document.getElementsByName('FirstDiv').prev()
   the getElementsByName selects all elements having name attribute "FirstDiv" and prev() method return first element's previous sibling node if exists.
5. document.querySelector('.FirstDiv').prev()
   the querySelector selects first div having class "FirstDiv" and prev() method return previous element if exists.
6. document.querySelectorAll('.FirstDiv').prev()
   the querySelectorAll selects all div having class "FirstDiv" and prev() method return first element's previous 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.