-
div+css视频教程之TextRange 对象
TextRange 对象
代表 HTML 元素中的文本。
成员表
下面的表格列出了 TextRange 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。
属性
SHOW: 属性 方法
属性 描述 boundingHeight 获取绑定 TextRange 对象的矩形的高度。 boundingLeft 获取绑定 TextRange 对象的矩形左边缘和包含 TextRange 对象的左侧之间的距离。 boundingTop 获取绑定 TextRange 对象的上边缘和包含 TextRange 对象的顶边之间的距离。 boundingWidth Retrieves the width of the rectangle that bounds the TextRange object. htmlText 获取绑定 TextRange 对象的矩形的宽度。 offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetTop 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。 text 设置或获取范围内包含的文本。 属性
方法
方法 描述 collapse 将插入点移动到当前范围的开始或结尾。 compareEndPoints 比较 TextRange 对象的结束点和其它范围的结束点。 duplicate 返回 TextRange 的副本。 execCommand 在当前文档、当前选中区或给定范围上执行命令。 expand 扩展范围以便完全包含指定单位的范围。 findText 在文本中搜索文本并将范围的开始和结束点设置为包围搜索字符串。 getBookmark 获取可用于使 moveToBookmark 返回相同范围的书签(白底字符串)。 getBoundingClientRect 获取指定 TextRectangle 对象集合绑定的对象。 getClientRects 获取描述对象内容或客户区内布局的矩形集合。每个矩形都描述了一条直线。 inRange 返回一个范围是否被另一个范围包含。 isEqual 返回指定范围是否与当前范围相等。 move 折叠给定文本范围并将空范围移动给定单位数。 moveEnd 更改范围的结束位置。 moveStart 更改范围的开始位置。 moveToBookmark 移动到书签。 moveToElementText 移动文本范围以便范围的开始和结束位置能够完全包含给定元素的文本。 moveToPoint 将文本范围的开始和结束位置移动到给定点。 parentElement 获取给定文本范围的父元素。 pasteHTML 将 HTML 文本粘贴入给定文本范围,替换范围内任何先前的文本和 HTML 元素。 queryCommandEnabled 返回表明指定命令是否可于给定文档当前状态下使用 execCommand 命令成功执行的 Boolean 值。 queryCommandIndeterm 返回表明指定命令是否处于模糊状态的 Boolean 值。 queryCommandState 返回表明命令当前状态的 Boolean 值。 queryCommandSupported 返回表明当前命令是否在当前区域上支持的 Boolean 值。 queryCommandValue 返回文档、范围或当前选中区对于给定命令的当前值。 scrollIntoView 将对象滚动到可见范围内,将其排列到窗口顶部或底部。 select 将当前选中区置为当前对象。 setEndPoint 根据其它范围的结束点设置某范围的结束点。
注释
使用此对象可以获取并修改元素中的文本,定位文本中的指定字符串,以及执行影响文本外观的命令。
要获取一个文本范围对象,请对 body, button 或 textArea 元素或带有 TYPE 文本的 input 元素应用 createTextRange 方法。
如果想要修改文本范围的延展范围,可以使用 move, moveToElementText 和 findText 移动其起始和终止位置。在文本范围内,你可以获取并修改纯文本或 HTML 文本。这些格式的文本完全相同,只是 HTML 文本包含 HTML 标签,而春文本不包含。
此对象在 Microsoft® Internet Explorer 4.0 的脚本中可用。
示例
下面的例子通过 TextRange 对象将 button 元素的文本更改为“已单击”。
SHOWExample
<SCRIPT LANGUAGE="JScript"> var b = document.all.tags("BUTTON"); if (b!=null) { var r = b[0].createTextRange(); if (r != null) { r.text = "已单击"; } } </SCRIPT>
标准信息
此对象定义在 HTML 3.2 中。
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比
一款纯 JS 实现的轻量化图片编辑器
关于开发 VS Code 插件遇到的 workbench.scm.
前端设计模式——观察者模式
前端设计模式——中介者模式
创建型-原型模式