javascript : domElement .removeClass(className)

---

Target:

Applicable with any DOM element.

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

---

Description :

remove givent className from element(s) classList if exists.

Note: after removing class of element/elements list it return itself for further processing.

---

Syntax:

DOMElement.removeClass('className')

DOMNodeList.removeClass('className')

HTMLCollection.removeClass('className')

---

Usase:

1. document.getElementById('firstDiv').removeClass('myClass')
   it remove 'myClass' from the div having id firstDiv and return firstDiv element
2. document.getElementsByTagName('div').removeClass('myClass')
   the getElementsByTagName selects all div and removeClass() method remove class name 'myClass' from all divs and return getElementsByTagName result for further processing you do not need to execute selector again.
3. document.getElementsByClassName('FirstDiv').removeClass('myClass')
   the getElementsByClassName selects all div having class "FirstDiv" and removeClass() method remove class name 'myClass' from all divs and return getElementsByClassName result for further processing you do not need to execute selector again.
4. document.getElementsByName('FirstDiv').removeClass('myClass')
   the getElementsByName selects all elements having name attribute "FirstDiv" and removeClass() method remove class name 'myClass' from all elements and return getElementsByName result for further processing you do not need to execute selector again.
5. document.querySelector('.FirstDiv').removeClass('myClass')
   the querySelector selects first div having class "FirstDiv" and removeClass() method remove class name 'myClass' from it and return querySelector result for further processing you do not need to execute selector again.
6. document.querySelectorAll('.FirstDiv').removeClass('myClass')
   the querySelectorAll selects all div having class "FirstDiv" and removeClass() method remove class name 'myClass' from all divs and return querySelectorAll result for further processing you do not need to execute selector again.

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.