DOM中的范围
createRange()
hasFeature()
var supportsRange = document.implementation.hsaFeature("Range","2.0")
var alsoSupportsRange = (typeof document.createRange == "function");
var rang = document.createRange();
每个范围有一个range类型的实例表示,这个实例拥有很多方法和属性。
startContainer
startOffset
endContainer
endOffset
1、DOM范围实现简单选择
selectNode()
selectNodeContents()
setStartBefore()
setStartAfter()
setEndBefore()
setEndAfter()
2、DOM范围实现复杂选择
setStart()
setEnd()
3、操作DOM范围中的内容(文档片段)
deleteContents()
extractContents()
cloneContents()
4、插入DOM范围中的内容
insertNode()
5、折叠DOM范围
collapse()
collapsed属性
6、比较DOM范围
compareBoundaryPoints()
7、复制DOM范围
cloneRange()
8、清理DOM范围
deatch()
- Javascript简介
- 基本概念
- 变量 作用域和内存问题
- 基本类型和引用类型的值
- 动态属性
- 复制变量值
- 传递参数
- 检测类型
- 执行环境
- 垃圾收集
- 引用类型
- 面向对象的程序设计
- BOM
- window对象
- 全局作用域
- 窗口
- 间歇调用和超时调用
- 系统对话框
- location对象
- 查询字符串参数
- 位置操作
- navigator对象
- 检测插件
- 注册处理程序
- screen对象
- history对象
- 客户端检测
- 能力检测
- 用户代理检测
- 检测方式
- DOM
- 节点层次
- Node类型
- Document类型
- Element类型
- Text类型
- Comment类型
- CDATASection类型
- DocumentFragment类型
- DOM操作
- DOM扩展
- 选择符API
- 元素遍历
- HTML5
- 专有扩展
- DOM2和DOM3
- DOM的变化
- 样式
- 遍历
- 范围
- 事件
- 事件流
- 事件处理程序
- 事件对象
- 事件类型
- 表单
- 表单基础
- 文本框
- 选择框
- 表单序列化
- 富文本编辑器
- Canvas
- HTML5
- 错误处理与调试
- XML
- 浏览器对XML DOM的支持
- 浏览器对XPath的支持
- 浏览器对XSLT的支持
- JSON
- 语法
- 解析与序列化
- AJAX