美文网首页
js 获取选中内容中含有的html标签

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

作者: KINGZ1993 | 来源:发表于2016-04-18 17:15 被阅读1281次

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;//获得包含标签的内容

}

上面两种方法应该够用了

相关文章

网友评论

      本文标题:js 获取选中内容中含有的html标签

      本文链接:https://www.haomeiwen.com/subject/mxsalttx.html