📜  HTML DOM createRange() 方法(1)

📅  最后修改于: 2023-12-03 15:01:09.946000             🧑  作者: Mango

HTML DOM createRange() 方法

HTML DOM createRange() 方法用于创建 Range 对象,用于表示一个包含节点或文本节点起点与终点的文档片段。

语法
document.createRange();
参数

此方法没有参数。

返回值

该方法返回一个 Range 对象,用于表示文档片段。

示例

以下是使用 createRange 方法创建 Range 对象的示例:

var range = document.createRange();
range.setStart(startNode, startOffset);
range.setEnd(endNode, endOffset);
解释
  • 首先,使用 document.createRange() 方法创建一个 Range 对象。
  • 接下来,使用 range.setStart() 方法设定起点,在此示例中,startNode 代表起点所在的节点,startOffset 代表起点在该节点中的偏移量。
  • 最后,使用 range.setEnd() 方法设定终点,endNode 代表终点所在的节点,endOffset 代表终点在该节点中的偏移量。
总结

HTML DOM createRange() 方法可以帮助开发者创建一个表示文档片段的 Range 对象,这个对象可以用于实现诸如文本选择、高亮、复制等操作,是 Web 开发中重要的一个 API。