dom-selection.md

   1 ---
   2 title: DOM Selection
   3 category: JavaScript
   4 layout: 2017/sheet
   5 intro: |
   6   Quick introduction to the HTML [DOM selection API](https://devdocs.io/dom/selection).
   7 ---
   8
   9 ## Reference
  10 {: .-three-column}
  11
  12 ### Selection
  13
  14 ```js
  15 var sel = document.getSelection()
  16 ```
  17
  18 See: <https://devdocs.io/dom/selection>
  19
  20 ### Methods
  21
  22 ```js
  23 sel.removeAllRanges() //  deselects
  24 sel.addRange(range) //    sets a selection
  25 sel.removeRange(range) // remove a range
  26 ```
  27
  28 ```js
  29 sel.rangeCount
  30 sel.getRangeAt(0) // get the 0th range
  31 ```
  32
  33 ### Collapsing
  34
  35 ```js
  36 sel.collapse(parent, offset)
  37 sel.collapseToEnd()
  38 sel.collapseToStart()
  39 sel.isCollapsed
  40 ```
  41
  42 ```js
  43 sel.containsNode(node)
  44 ```
  45
  46 ### Deleting
  47
  48 ```js
  49 sel.deleteFromDocument()
  50 ```
  51
  52 ### Events
  53
  54 ```js
  55 document.addEventListener('selectionchange', () => {})
  56 ```