controlRange

Property of dom/HTMLElementdom/HTMLElement

Syntax

var result = element.controlRange;
element.controlRange = value;

Examples

This example demonstrates how to use the createRange method to retrieve the controlRange collection.

...
function fnChangeFontFamily    (){
  if (document.selection.type == "Control"){
    var oControlRange = document.selection.createRange();
    for (i = 0; i < oControlRange.length; i++)
      if (oControlRange(i).tagName != "IMG")
       oControlRange(i).style.fontFamily=event.srcElement.style.fontFamily;
  }
}
...
<!-- Text Font-Family Controls  -->
<SPAN  onclick="fnChangeFontFamily();">
    <DIV STYLE="height: 25px; cursor:hand; font-family:times;
        font-size:14pt; font-weight:normal; color:white">Times</DIV>
    <DIV STYLE="height: 25px; cursor:hand; font-family:arial;
        font-size:14pt; font-weight:normal; color:white">Arial</DIV>
    <DIV STYLE="height: 25px; cursor:hand; font-family:georgia;
        font-size:14pt; font-weight:normal; color:white">Georgia</DIV>
    <DIV STYLE="height: 25px; cursor:hand; font-family:verdana;
        font-size:14pt; font-weight:normal; color:white">Verdana</DIV>
</SPAN><BR/>
...

View live example

Notes

Remarks

Instead of using the collection’s item method, you can use an index to directly access an element in the collection. For example, the element returned from the collection represented by oColl(0) is the same as the element returned by oColl.item(0). The controlRange collection is available as of Microsoft Internet Explorer 5.

Syntax

Standards information

There are no standards that apply here.

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]