dojo.NodeList 2

Returns the box objects all elements in a node list as an Array (not a NodeList).

<div id="coords1">
	<div>First Div</div>
	<div>Second Div</div>
</div>

var coords = dojo.query('div','coords1').coords();

First Div

Second Div

Animate one or more CSS properties for all nodes in this list.

<div id="anim1">
    <div style="position:relative;left:0;">First Div</div>
    <div style="position:relative;left:0;">Second Div</div>
</div>

dojo.require('dojo.NodeList-fx');
dojo.query('div','anim1')
.anim({left:400,backgroundColor:'#FFF000',duration:'3000'});

First Div

Second Div

Animate all elements of this NodeList across the properties specified.

<div id="animProp1">
    <div style="position:relative;left:0;">First Div</div>
    <div style="position:relative;left:0;">Second Div</div>
</div>

dojo.require('dojo.NodeList-fx');
dojo.query('div','animProp1').animateProperty({
    duration:2000,
    properties :{
        left:{end:400}, top:50, backgroundColor:{start:'#faf8e7',end:'#FFF000'}
	}  
  }).play(100)
}

First Div

Second Div

fade in/out all elements of this NodeList.

<div id="fade1">
    <div>First Div</div>
    <div>Second Div</div>
</div>

dojo.require('dojo.NodeList-fx');
dojo.query('div','fade1').fadeOut({duration:2000}).play();
dojo.query('div','fade1').fadeIn({duration:2000}).play();

First Div

Second Div

wipe in/out all elements of this NodeList.

<div id="wipe1">
    <div>First Div</div>
    <div>Second Div</div>
</div>

dojo.require('dojo.NodeList-fx');
dojo.query('div','wipe1').wipeOut({duration:2000}).play();
dojo.query('div','wipe1').wipeIn({duration:2000}).play();

First Div

Second Div

Slide all elements of the node list to the specified place.

<div id="slideto1">
    <div style="position:relative;left:0;top:0;">First Div</div>
    <div style="position:relative;left:0;top:0;">Second Div</div>
</div>

dojo.require('dojo.NodeList-fx');
dojo.query('div','slideto1').slideTo({top:-125,left:550,duration:2000}).play();
dojo.query('div','slideto1').slideTo({top:0,left:0,duration:2000}).play();

First Div

Second Div

dojo.NodeList 2.