HTML5技术

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

字号+ 作者:H5之家 来源:H5之家 2016-08-15 10:00 我要评论( )

Range对象基本用法 效果图如下(在谷歌浏览器下的展示) 代码如下 test(){ ; );selection = document.getSelection(); ) {} else { ) { selection.getRangeAt(i);html ;}showRange.innerHTML = html;}} 为中国奥运健儿加油 在火狐浏览器下的展示 为什么会出

Range对象基本用法

效果图如下(在谷歌浏览器下的展示)

代码如下

test() { ; ); selection=document.getSelection(); ) { } else { ) { selection.getRangeAt(i); html; } showRange.innerHTML=html; } } 为中国奥运健儿加油

在火狐浏览器下的展示

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

Range对象之SelectNode和selectNodeContents方法

效果图如下

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html基础学习 - Itsmallbo

    html基础学习 - Itsmallbo

    2016-08-14 18:00

  • 初识html5的localStorage本地存储 - 不会飞的麻雀

    初识html5的localStorage本地存储 - 不会飞的麻雀

    2016-08-11 16:00

  • 巧用HTML5给按钮背景设计不同的动画 - Perpetual

    巧用HTML5给按钮背景设计不同的动画 - Perpetual

    2016-08-11 13:00

  • html5仿微信朋友圈相册图片放大代码 - 爱上程序猿

    html5仿微信朋友圈相册图片放大代码 - 爱上程序猿

    2016-08-11 12:01

网友点评