DOM的变化（范围） 

 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>

 

posted @ 2017-11-09 15:48  gaoxuerong  阅读(135)  评论(0)    收藏  举报