原生JS函数整理：H5编辑器中的高阶函数及Range.setStart用法

H5编辑器涉及的原生js函数主要是一些涉及高阶函数的集合和整理。其中一个重要的函数是Range.setStart()，它用于设置Range的起点位置。具体来说，如果startNode是Text、Comment或CDataSection类型的节点，那么startOffset表示从该节点开头的字符数；对于其他类型的节点，startOffset表示从该节点开始的子节点数。如果将起点设置在文档的下部，那么会产生一个折叠范围，起点和终点都将设置为指定起点位置。该函数的句法为：Range.setStart(startNode, startOffset)，其中startNode表示Range应该开始的节点，startOffset是起点相对于startNode的偏移量。 例如，我们可以使用Range.setStart()和Range.setEnd()方法来选择一个元素的一部分，并将其进行高亮显示。接着可以使用Range.surroundContents()方法来将所选范围的内容包裹起来。下面是一个示例，其中包含一个包含九个节点的地址，其中包括五个文本节点和四个<br>元素： ```html <p id="address"> <br>123 Street, <br>City, <br>State, <br>Country </p> ``` 通过使用Range.setStart()和Range.setEnd()，我们可以选择从第二个<br>元素后的文本开始，并选择到第三个<br>元素之前的文本结束。然后，我们可以使用Range.surroundContents()将所选范围的内容包裹在一个span元素中，并为该span元素添加样式来实现高亮显示。 以上就是H5编辑器涉及的原生js函数的简要总结。这些函数的使用可以帮助开发人员实现一些复杂的功能，如选择和操作特定节点或内容范围。对于开发H5编辑器的人来说，这些函数的了解将是非常有用的。希望本文对大家有所帮助！