Cheat Sheet速查表
跳转到主要内容

DOM 选择 (Selection) 速查表

本文根据 Devhints / DOM Selection 翻译。代码示例及版本范围沿用原文。

HTML 快速入门 DOM 选择 API.

参考资料

选择

var sel = document.getSelection()

参见: https://devdocs.io/dom/selection

方法

sel.removeAllRanges() //  deselects
sel.addRange(range) //    sets a selection
sel.removeRange(range) // remove a range
sel.rangeCount
sel.getRangeAt(0) // get the 0th range

折叠

sel.collapse(parent, offset)
sel.collapseToEnd()
sel.collapseToStart()
sel.isCollapsed
sel.containsNode(node)

删除

sel.deleteFromDocument()

事件

document.addEventListener('selectionchange', () => {})