JavaScript DOM学习第九章：选取范围的介绍

核心提示： 另外一个范围对象被创建了，而且还包含HTML，JavaScript DOM学习第九章：选取范围的介绍(2)，问题在于用户的选择范围跨越了几个元素，去掉其他的内容，你必须都有所了解才行，Module Explorer6/7Firefox2Safari1.3Opera9W3CRangenoyesye

另外一个范围对象被创建了，而且还包含HTML。问题在于用户的选择范围跨越了几个元素。去掉其他的内容，就剩下：

calls　for　a　Blogger　Code　of　Conduct.　His　proposals　are:</p>
<ol>
　<li>Take　responsibility　not　just　for　your　own　words,　but　for　the
　　comments　you　allow　on　your　blog.</li>
　<li>Label　your　toleran

这是一段不完整的HTML。幸好所有的浏览器都会转化一下：

<p>calls　for　a　Blogger　Code　of　Conduct.　His　proposals　are:</p>
<ol>
　<li>Take　responsibility　not　just　for　your　own　words,　but　for　the
　　comments　you　allow　on　your　blog.</li>
　<li>Label　your　toleran</li></ol>

正如你所看到的，浏览器会添加最少的元素让这段HTML完整，如果你复制的话，那么这些添加的东西也会被复制。

浏览器兼容性一览

在我们继续之前，有必要看看浏览器的兼容性。主要问题在于这里有不下3个范围对象的类型，你必须都有所了解才行。

Module　

Explorer　6/7
　Firefox　2　　Safari　1.3　　Opera　9
W3C　Range　　no　　yes　　yes　　yes
Mozilla　Selection　　no　　yes　　incomplete　　yes
Microsoft　Text　Range　　yes　　no　　no　　incomplete

访问用户选区

要处理用户的选择就必须先访问到用户的选区。这会立马又一个代码分支：IE使用微软的方法，其他浏览器使用Mozilla的方法：

编缉推荐阅读以下文章

• JavaScript DOM学习第八章：表单错误提示
• JavaScript DOM学习第七章：表单的扩展
• JavaScript DOM学习第六章：表单实例
• JavaScript DOM学习第五章：表单简介
• JavaScript DOM学习第四章：getElementByTagNames
• JavaScript DOM学习第三章：内容表格
• JavaScript DOM学习第二章：编辑文本
• JavaScript DOM学习第一章：W3C DOM简介
• javaScript DOM方法与属性摘要