mozilla

Compare Revisions

NodeList

Change Revisions

Revision 400511:

Revision 400511 by Sheppy on

Revision 412761:

Revision 412761 by BrianDiPalma on

Title:
NodeList
NodeList
Slug:
Web/API/NodeList
Web/API/NodeList
Tags:
"Gecko DOM Reference", "DOM", "DOM 3"
"Gecko DOM Reference", "DOM", "DOM 3"
Content:

Revision 400511
Revision 412761
n11      NodeList objects are collections of nodes returned by <a hrn11      NodeList objects are collections of nodes returned by {{dom
>ef="/en-US/docs/DOM/document.getElementsByTagName" title="documen>xref("Node.childNodes")}} and the <a href="/en-US/docs/DOM/Docume
>t.getElementsByTagName"><code>getElementsByTagName</code></a>, <a>nt.querySelectorAll" title="document.querySelectorAll">querySelec
> href="/en-US/docs/DOM/document.getElementsByTagNameNS" title="do>torAll</a> method.
>cument.getElementsByTagNameNS"><code>getElementsByTagNameNS</code 
>></a>, {{domxref("Node.childNodes")}}, <a href="/en-US/docs/DOM/D 
>ocument.querySelectorAll" title="document.querySelectorAll">query 
>SelectorAll</a>, <a href="/en-US/docs/DOM/document.getElementsByC 
>lassName" title="document.getElementsByClassName"><code>getElemen 
>tsByClassName</code></a>, etc. 
n44      In most cases, the NodeList is a live collection. This meann44      In some cases, the NodeList is a live collection. This mean
>s that changes on the DOM tree are going to be reflected on the c>s that changes on the DOM tree are going to be reflected on the c
>ollection.>ollection.
n47var links = document.getElementsByTagName('a');n47var divs = document.getElementsByTagName( 'div' );
48// links.length === 2 for instance.48// divs.length === 2 for instance.
t50document.body.appendChild( links[0].cloneNode(true) ); // anothert50var firstDiv = divs[ 0 ];
> link is added to the document 
51 
52firstDiv.appendChild( document.createElement( 'div') ); // anothe
 >r div is added as child
51// the 'links' NodeList is automatically updated53// the 'divs' NodeList is automatically updated
52// links.length === 3 now.54// divs.length === 3 now.

Back to History