js 获取选中内容中含有的html标签

JQuery,里边想要获取html内容需要提供标签或id或class,并不能解决该问题。

if (window.getSelection) { //现代浏览器

userSelection = window.getSelection();

var range = userSelection.getRangeAt(0);

var rangeText = range.toString();//选中文本

var div = document.createElement('div');

div.appendChild(range.cloneContents);

alert(div.innerHTML);

var rangeHtmlText = div.innerHTML;//选中内容,包含标签

//如果想获取里边的标签,可以通过

//var aArr = div.getElementsByTagName('a');

//for(var i=0; i

} else if (document.selection) { //IE浏览器 考虑到Opera,应该放在后面

userSelection = document.selection.createRange();

var text = userSelection.text;//获得文本

var htmlText = userSelection.htmlText;//获得包含标签的内容

}

上面两种方法应该够用了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,310评论 1 41
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,790评论 0 8
  • 死生契阔–与子相悦,执子之手,与子偕老。 人不能主宰外界,有时,人甚至渺小到,相爱都无法相守。硬要说痴痴的情话,“...
    kelin996阅读 304评论 0 0
  • 我想用一双翅膀去回应蓝天的召唤, 用热情去接待自己的内心
    斯摩布莱克阅读 227评论 0 0
  • 路漫漫,坎坷坷, 相顾无言
    郑一冉阅读 209评论 0 0