1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>DOM的变化（范围）</title>
6 </head>
7 <body>
8 </body>
9 <script>
10 /*
11 为了让开发人员更方便地控制页面，“DOM2 级遍历和范围”模块定义了“范围”（range）接口。通
12 过范围可以选择文档中的一个区域，而不必考虑节点的界限（选择在后台完成，对用户是不可见的）。
13 在常规的 DOM 操作不能更有效地修改文档时，使用范围往往可以达到目的。Firefox、Opera、Safari 和
14 Chrome 都支持 DOM 范围。IE 以专有方式实现了自己的范围特性。
15 * */
16 /*
17 DOM2 级在 Document 类型中定义了 createRange()方法。
18 要使用范围来选择文档中的一部分，最简的方式就是使用 selectNode()或 selectNodeContents()。
19 这两个方法都接受一个参数，即一个 DOM 节点，然后使用该节点中的信息来填充范围。其中，
20 selectNode()方法选择整个节点，包括其子节点；而 selectNodeContents()方法则只选择节点的
21 子节点。以下面的 HTML 代码为例。
22 要创建复杂的范围就得使用 setStart()和 setEnd()方法。
23 * */
24 </script>
25 </html>
