IE提供了Selection对象和TextRange对象用于实现对被选择内容进行修改以及在指定区域中进行查找.
selection对象是document对象的一个子对象,改对象对应于用户在页面中所选择的区域.selection对象的属性和方法定义如下:
type属性: 该属性为只读属性.当被选择区域包含文本或其他内容时,type属性返回值为"Text";当被选择区域为空时,type属性返回值为"None".
clear()方法: 该方法清除所选择区域的内容.
empty()方法: 该方法使selection对象为空,即取消选择,并将页面滚动到最顶部.
createRange()方法: 该方法基于用户当前所选择的区域创建TextRange对象,以对被选择区域进行进一步处理.
TextRange对象对应于页面中一个矩形区域,该对象可以用于处理页面中的任何内容.TextRange对象可以通过<body>,<button>,<textarea>,<input type="text">等元素的CreateTextRange()方法来创建,这样创建的区域起始于元素的起始标记.
例如:
var myTextRange = document.body.createTextRange()
创建的TextRange对象myTextRange对应的区域包含<body>和</body>标记之间的所有内容.
TextRange对象也可以通过selection对象的CreateRange()方法基于当前被选择区域创建.
例如:
var myTextRange = document.selection.createRange()
基于用户所选择的区域创建TextRange对象.
TextRange对象的属性和方法定义如下:
htmlText属性: 对应于TextRange对象区域内的文本和HTML代码.该属性可读可写,可以通过对该属性赋新值来改变TextRange区域内的HTML代码内容.
Text属性: 对应于TextRange对象区域内的文本内容(忽略其中的HTML代码).该属性同样是可读可写的,可以通过Text属性赋新值的方法来改变TextRange区域内的文本内容.同htmlText属性不同的是,text属性不包含区域内的HTML代码.
例如:
对于代码
<body>
This is the <strong> TextRange </strong> example;
</body>
<script>
var myTextRange = document.body.createTextRange();
</script>
所创建的TextRange对象,其中htmlText属性值为:
This is the <strong> TextRange </strong> example;
本内容试读结束，登录后可阅读更多
下载后可阅读完整内容，剩余3页未读，立即下载
