Posts

Showing posts with the label HTMLCollection

javascript : Object.isNodeList

  javascript : Object .isNodeList Target: Applicable with any javascript  Object  Variable  that holds DOM Elements List. Description : When an object holds an html domElementsList/NodeList/htmlCollection then it return  true  otherwise  undefined . basically it is defined in NodeList/htmlCollection prototype. Many time in programming we face a problem that an object variable holds DomElementList or other object structure then it help us. Before writing the code of DomElementList manipulation we can check whether a variable holds domElementsList/NodeList/htmlCollection or not. Note: It is an property of DomElementsList that is defined in NodeList/htmlCollection Prototype. It is useful to check an object variable is DomElementsList or any other type. When we check the typeof(object_variable) it return 'object' not 'NodeList/htmlCollection'. Syntax: Object .isNodeList return  true  when object hold's NodeList/htmlCollection otherwise  unde...

javascript : Dom Elements .hide()

  javascript : DomElements .hide() Target: Applicable with any DOM element. getElementById getElementsByTagName getElementsByClassName getElementsByName querySelector querySelectorAll Description : set dom element style display none. Note: after setting the style display of element/elements list it return itself for further processing. Syntax: DOMElement.hide() DOMNodeList.hide() HTMLCollection.hide() Usase: document.getElementById('firstDiv').hide() it hides the div having id firstDiv and return firstDiv element document.getElementsByTagName('div').hide() the getElementsByTagName selects all div and hide() method hides all divs and return getElementsByTagName result for further processing you do not need to execute selector again. document.getElementsByClassName('FirstDiv').hide() the getElementsByClassName selects all div having class "FirstDiv" and hide() method hides all divs and return getElementsByClassName result for further processing you do no...