sourceIndex property (Internet Explorer)

The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

4 out of 5 rated this helpful - Rate this topic

Retrieves the ordinal position of the object, in source order, as the object appears in the document's all collection.

Syntax

JavaScript	`p = object.sourceIndex`

Property values

Type: Integer

the ordinal position.

Examples

This example uses the sourceIndex property to identify the previous and next elements in the all collection.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/sourceIndex.htm


<script type="text/javascript">
function fnHandler(){
   // Retrieve the element that fired the event.
   var oElement=event.srcElement;
   var iIndex=oElement.sourceIndex;
   var sTagName=oElement.tagName;
   if(sTagName=="!"){
      sTagName="comment";
   }
   oVal1.innerText=iIndex;
   oVal2.innerText=sTagName;
   if(iIndex-1>0){
      sTagName=document.all[iIndex-1].tagName;
      if(sTagName=="!"){
         sTagName="comment";
      }   
      oVal3.innerText=sTagName;
   }
   else{
      oVal3.innerText="Cannot read.";
   }
   if(iIndex+1<document.all.length){
      sTagName=document.all[iIndex+1].tagName;
      if(sTagName=="!"){
         sTagName="comment";
      }   
      oVal4.innerText=sTagName;
   }
   else{
      oVal4.innerText="Cannot read.";
   }
}
</script>
<body onmousemove="fnHandler()">

<table>
  <tr>
	<td>Source Index:</td>
	<td id="oVal1"></td>
  </tr>
  <tr>
	<td>Object Name:</td>
	<td id="oVal2"></td>
  </tr>
  <tr>
	<td>Previous Object:</td>
	<td id="oVal3"></td>
  </tr>
  <tr>
	<td>Next Object:</td>
	<td id="oVal4"></td>
  </tr>
</table>

</body>

sourceIndex property

Syntax

Property values

Examples

See also

Community Additions