HTML5表单 html5学习笔记4--API Range对象(1/5)

来源：网络整理时间:2016-08-14 关键词:HTML5表单

本篇文章主要介绍了"HTML5表单 html5学习笔记4--API Range对象"，主要涉及到HTML5表单方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： Range对象基本用法效果图如下（在谷歌浏览器下的展示）代码如下

Range对象基本用法

效果图如下（在谷歌浏览器下的展示）

html5学习笔记4--API Range对象

代码如下

DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>title>head><body><script>function test()
    {
        var html="";
        var showRange=document.getElementById("test");
        selection=document.getSelection();
        if (selection.rangeCount <=0) {
        } else {
            for (var i =0; i < selection.rangeCount; i++) {
                var range = selection.getRangeAt(i);
                html+="您选取的内容为["+range+"]
";
            }
            showRange.innerHTML=html;
        }
    }
script><p>为中国奥运健儿加油p><input type="button" onclick="test()" value="点击"/><div id="test">div>body>html>

在火狐浏览器下的展示

为什么会出现这种情况呢，因为火狐浏览器下可以针对不连续的内容多选.

Range对象之SelectNode和selectNodeContents方法

效果图如下

代码内容如下:

1 2 3 4 5 下一页

上一篇：HTTP状态码（HTTP Status Code） 下一篇：HTML5 手势检测原理和实现

HTML5表单 html5学习笔记4--API Range对象(1/5)

HTML5表单相关图片

HTML5表单相关文章