javascript : .visible()

 

javascript : .visible()

Target:

Applicable with any DOM elements List.

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

Description :

return DOMNodeList that are visible in selector.

Syntax:

DOMElement.visible()

DOMNodeList.visible()

HTMLCollection.visible()

Usase:

  1. document.getElementById('firstDiv').visible()
    if the div having id firstDiv is visible then return DOMNodeList having firstDiv
  2. document.getElementsByTagName('div').visible()
    the getElementsByTagName selects all div and visible() method returns only all divs that are visible as DOMNodeList.
  3. document.getElementsByClassName('FirstDiv').visible()
    the getElementsByClassName selects all elements having class FirstDiv and visible() method returns elements that are visible in list as DOMNodeList.
  4. document.getElementsByName('FirstDiv').visible()
    the getElementsByName selects all elements having name attribute "FirstDiv" and visible() method returns elements that are visible in list as DOMNodeList.
  5. document.querySelector('.FirstDiv').visible()
    the querySelector selects first div having class "FirstDiv" and visible() method return DOMNodeList having FirstDiv Element if visible otherwise empty list.
  6. document.querySelectorAll('.FirstDiv').visible()
    the querySelectorAll selects all elements having class FirstDiv and visible() method returns elements that are visible in list as DOMNodeList.



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.

Comments

Post a Comment

Popular posts from this blog

javascript : String.right

  javascript : String .right( n ) Target: Applicable with  String  Data Type. Description : return last n number of charector from string. Syntax: String .right( n ) Usase: "abcdefghijklmnopqrstuvwxyz".right(7) It return string "tuvwxyz" 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.
Read more

javascript : String.left

  javascript : String .left( n ) Target: Applicable with  String  Data Type. Description : return first n number of charector from string. Syntax: String .left( n ) Usase: "abcdefghijklmnopqrstuvwxyz".left(7) It return string "abcdefg" Download MYJS.js Include in you project landing page (master page) and it will extends your DOM and JavaScript Objects.
Read more

javascript : .nextAll()

  javascript : .nextAll() Target: Applicable with any DOM element. getElementById getElementsByTagName getElementsByClassName getElementsByName querySelector querySelectorAll select etc. Description : return DOMNodeList of next all sibling elements of selected element. Note: if selector is DOM Elements List then first node element's next all sibling nodes return as DOMNodeList. Syntax: DOMElement.nextAll() DOMNodeList.nextAll() HTMLCollection.nextAll() Usase: document.getElementById('firstDiv').nextAll() it search element having id firstDive and return all elements next to it in same parent as DOMNodeList. document.getElementsByTagName('div').nextAll() the getElementsByTagName selects all div and nextAll() method return first div's next all sibling nodes as DOMNodeList document.getElementsByClassName('FirstDiv').nextAll() the getElementsByClassName selects all div having class "FirstDiv" and nextAll() method return first element's next all ...
Read more