[H5]range对象的setStart/setEnd方法

【[H5]range对象的setStart/setEnd方法】的更多相关文章

[H5]range对象的setStart/setEnd方法

1.setStart:表示某个节点的range对象的起点位置;2.setEnd:表示某个节点的range对象的结束位置; 示例如下:<body> <div id="div"> 这里是第一段文字 </div> <input type="butt on" onclick="dele()" value="删除"> <script> function dele() { var…

[H5]range对象之selectNode等方法

关于range对象的selectNodeContents.selectNode.deleteContents方法示例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="div&qu…

range对象的extractContents()方法: extractContents() 方法删除文档内容,并以 DocumentFragment 对象的形式返回它; DocumentFragment配合range对象:相当于剪切.复制.粘贴其子孙节点 <body> <div id="div1" style="background: greenyellow;width: 200px; height:100px;">这里有一段文字</…

[H5]range对象的clone方法

clone:range对象的克隆; <body> <p id="p">这是一段文字</p> <button onclick="btn()">克隆</button> <script> function btn() { var p=document.getElementById("p"); var rangeObj=document.createRange(); rangeObj…

html5学习笔记4--API Range对象(一)

Range对象基本用法效果图如下(在谷歌浏览器下的展示)…

HTML5中的Range对象的研究

一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象: var selection =…

HTML5 编辑 API 之 Range 对象（一）

一.Range 对象基本概念通过使用 Range 对象所提供的方法实现一个鼠标选取内容,通过点击按钮打印出选中内容,当然注意在不同的浏览器下可选中的内容数量是不同的. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <scr…

HTML5中的Range对象的研究（转载）

一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象: var selection =…

XML DOM - Range 对象

Range对象 Range对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域. dom标准Range对象在IE中使用TextRange对象 range对象常用的建立方法在开发中除了上述文档中的标准建立方法,大多如下方式建立标准dom: var range=window.getSelection().getRangeAt(0); IE: var range=document.selection.createRange(); 注意:标准dom是从window中获取sel…

web前端学习（二）html学习笔记部分（3）--range对象

1.2.8 html5编辑api之range对象(一) 1.2.8.1 Range 对象基本概念 Range 对象的基本概念,通过使用 Range 对象所提供的方法实现一个鼠标选取内容,通过点击按钮打印出选中内容,当然注意在不同的浏览器下可选中的内容数量是不同的. <script> function rangeTest() { var html; showRangeDiv = document.getElementById("showRange"); selection…