Range操作

最新推荐文章于 2022-04-23 15:39:05 发布

原创最新推荐文章于 2022-04-23 15:39:05 发布 · 439 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了DOM Range对象的基本概念，包括其如何通过指定开始点和结束点来定义文档中的一个片段。详细解释了边界点的构成及其偏移量的意义，并提供了创建Range对象的方法及常用属性介绍。

一个范围具有两个边界点，即一个开始点和一个结束点。每个边界点由一个节点和那个节点的偏移量指定。该节点通常是 Element 节点、Document 节点或 Text 节点。对于 Element 节点和 Document 节点，偏移量指该节点的子节点。偏移量为 0，说明边界点位于该节点的第一个子节点之前。偏移量为 1，说明边界点位于该节点的第一个子节点之后，第二个子节点之前。但如果边界节点是 Text 节点，偏移量则指的是文本中两个字符之间的位置。

[b]1.创建[/b]


var range = document.createRange();

[b]2.属性[/b]

属性全部为read-only

startContainer
范围起点的父节点

endContainer
范围结束点的父节点

startOffset
。。

[b]3.selectNode()和selectNodeContents()[/b]
selectNode(HTMLElement)
设置范围，包括HTMLElement和他所有子节点

selectNodeContents(HTMLElement)
设置范围，只包含HTMLElement的所有子节点