createControlRange 和 createRange 2个简单用法示例

来源：互联网发布：琢本网络编辑：程序博客网时间：2024/05/16 10:54

语法：
arrControlRange = BODY . createControlRange ()
参数：
无
返回值：
arrControlRange : 数组(Array)。如果成功的话返回被建立的 ControlRange 集合。

说明：
为非文本对象建立 ControlRange 集合。
为控件选择区而非文本选择区建立选择范围对象。

假如一个 ControlRange 集合已经存在了，此方法会将它覆盖。否则，将返回被建立对象的引用指针。

实例：选择一个非文本元素

<script>var oControlRange;function rdl_doRange(){var oMessage=document.all("idMessage");oControlRange=document.body.createControlRange();oControlRange.add(oMessage);oControlRange.select();}</script><span>这个例子演示了如何建立 <b>body</b> 对象的 <b>ControlRange</b>集合，然后添加非文本元素。</span><br><br><input type=button value=" 建立选择区并添加这个按钮" onclick="rdl_doRange();" id=idMessage>

定义和用法

createRange() 方法创建 Range 对象。

语法：

createRange()

返回值

返回新创建的 Range 对象，两个边界点都被设置为文档的开头。

描述

该方法将创建一个 Range 对象，可以用来表示文档的一个区域或与该文档相关的 DocumentFragment 对象。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" >  <head>      <title>document.selection 的 createRange</title>  </head>  <body>      <div>请选中这里的部分文字。</div>    <div><input type="button" value="加粗" onclick="Bold()" /></div>  </body>  </html>  <script type="text/javascript" language="javascript">  function Bold()  {  var r = document.selection.createRange();  r.execCommand("Bold");  }  </script>