HTML5 编辑 API 之 Range 对象(二) 认证专享

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程讲解 Range 对象的方法,包含 cloneRange、cloneContents、extractContents、createContextual-Fragment、insertNode、compareBoundaryPoints、collapse、detach 方法。

    1.Range 对象方法 00:08:45

    本课时讲解通过使用 Range 对象的方法来进行复制、追加、克隆等操作。通过简单地标签,来了解 Range 对象提供的方法的使用。

    2.Range 对象方法之 insertNode、compareBoundaryPoints 方法 00:08:11

    本课时讲解通过使用 Range 对象的方法 insertNode 来进行指定节点插入某个 Range 对象所代表的区域中插入位置为 Range 对象所代表的区域的起点位置。使用 compareBoundaryPoints 方法来比较两个 Range 对象的起点位置或终点位置。

    3.Range 对象方法之 collapse、detach 方法 00:04:07

    本课时讲解 Range 对象方法之 collapse 和 detach。通过使用 collapse 方法将 Range 对象所代表的区域的终点移动到该区域的起点处,或将 Range 对象所代表区域的起点移动到终点出。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5 编辑 API 之 Range 对象(二)

3课时,21分钟2015-05-14
iwen
iwen

极客学院金牌布道师

课程背景:
在 HTML5 中,一个 Range 对象代表页面上的一段连续区域。通过 Range 对象,可以获取或修改页面上的任何区域。包含获取,修改,删除和替换等操作。


核心内容:
1.cloneRange
2.cloneContents
3.extractContents
4.createContextual
5.createContextual-Fragment
6.insertNode
7.compareBoundaryPoints
8.collapse
9.detach


软件环境:WebStrom


是否提供资料:


课程等级:初级


适合人群:
具有一定 HTML 基础的开发者

  • 技术问答
  • 1

    Range 对象方法

    08:45

    本课时讲解通过使用 Range 对象的方法来进行复制、追加、克隆等操作。通过简单地标签,来了解 Range 对象提供的方法的使用。

  • 2

    Range 对象方法之 insertNode、compareBoundaryPoints 方法

    08:11

    本课时讲解通过使用 Range 对象的方法 insertNode 来进行指定节点插入某个 Range 对象所代表的区域中插入位置为 Range 对象所代表的区域的起点位置。使用 compareBoundaryPoints 方法来比较两个 Range 对象的起点位置或终点位置。

  • 3

    Range 对象方法之 collapse、detach 方法

    04:07

    本课时讲解 Range 对象方法之 collapse 和 detach。通过使用 collapse 方法将 Range 对象所代表的区域的终点移动到该区域的起点处,或将 Range 对象所代表区域的起点移动到终点出。

相关课程

  • HTML5 改良的 input 元素的种类

    本套课程详细介绍了 HTML5 中大幅度的增加与改良input元素的种类,包含 url、tel、email、datetime、time、number 类型等,以及 output 元素的追加和表单的验证。

    3课时 25分钟
    初级
    24713人学习
  • HTML5 增强的页面元素

    本套课程讲解主要讲解 HTML5 增强页面的元素,包含 figure、figcaption、details、summary、mark、progress、meter、ol、dl、cite 和 small 元素。

    3课时 23分钟
    初级
    25028人学习
  • HTML5 编辑 API 之 Range 对象(一)

    本套课程讲解 HTML5 编辑 API 之 Range 对象,包含基本概念,selectNode 方法、selectNodeContents 方法、deleteContents 方法、setStart 方法、setEnd 方法、setStartBefore 方法、setStartAfter 方法、setEndBefore 方法和 setEndAfter 方法。

    3课时 20分钟
    初级
    22921人学习
  • 使用 HTML5 构建应用布局和页面

    本课程首先介绍手机 HTML5 开发的基本准则,然后以实战讲解的形式制作一个包括应用布局、列表元素的构建及点击事件处理等基本操作的原型页面。

    4课时 31分钟
    中级
    25677人学习