This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.


Property of dom/HTMLElementdom/HTMLElement


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


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")
<!-- 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>

View live example



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.


Standards information

There are no standards that apply here.