Regular updates

[twpd/master.git] / dom-range.md

diff --git a/dom-range.md b/dom-range.md
index 6cb2185..409e5fc 100644 (file)
--- a/dom-range.md
+++ b/dom-range.md
@@ -1,17 +1,23 @@
 ---
 title: DOM Range
 category: JavaScript
+layout: 2017/sheet
+intro: |
+  Quick reference to the HTML [DOM createRange API](https://devdocs.io/dom/range).
 ---
 
+## Reference
+{:.-three-column}
+
 ### Creating ranges
-See <http://devdocs.io/dom/document/createrange>
 
 ```js
 var range = document.createRange()
 ```
 
+See: <https://devdocs.io/dom/document/createrange>
+
 ## Methods
-See <http://devdocs.io/dom/range>
 
 ```js
 range
@@ -27,41 +33,41 @@ range
   .selectNodeContents(node)
 ```
 
+See: <https://devdocs.io/dom/range>
+
 ### Collapsing
 
 ```js
-range
-  .collapse()     // to end (a single point)
-  .collapse(true) // to start (a single point)
-  .collapsed      // true | false
+range.collapse() // to end (a single point)
+range.collapse(true) // to start (a single point)
+range.collapsed // true | false
 ```
 
 ### Operations
 
 ```js
-range
-  .cloneContents()   // copy => DocumentFragment
-  .extractContents() // cut  => DocumentFragment
-  .deleteContents()  // delete
+range.cloneContents() // copy => DocumentFragment
+range.extractContents() // cut  => DocumentFragment
+range.deleteContents() // delete
+```
 
-  .insertNode(node)
+```js
+range.insertNode(node)
 ```
 
-### Etc
+### String
 
 ```js
-range
-  .toString()
+range.toString()
 ```
 
 ### Read-only attributes
 
 ```js
-range
-  .collapsed         // true/false
-  .startContainer    // Node
-  .startOffset
-  .endContainer      // Node
-  .endOffset
-  .commonAncestorContainer // closest of start and end containers
+range.collapsed //       => true/false
+range.startContainer //  => Node
+range.startOffset
+range.endContainer //    => Node
+range.endOffset
+range.commonAncestorContainer // closest of start and end containers
 ```