当前位置: 首页 > 面试题库 >

如何使用javascript获取选定的html文本?

宋畅
2023-03-14
问题内容

我可以使用以下代码来获取选定的文本:

text=window.getSelection(); /// for Firefox text=document.selection.createRange().text; /// for IE

但是,如何获取包含文本和html标签的选定HTML?


问题答案:

在IE <= 10浏览器中,它是:

document.selection.createRange().htmlText

在非IE浏览器中,我只是尝试玩这个游戏……这似乎奏效,将节点分成两半并产生额外的跨度会产生副作用,但这是一个起点:

var range = window.getSelection().getRangeAt(0),
  content = range.extractContents(),
     span = document.createElement('SPAN');

span.appendChild(content);
var htmlContent = span.innerHTML;

range.insertNode(span);

alert(htmlContent);

不幸的是,我似乎无法将节点放回原来的位置(例如,因为您可以从跨度中拉出一半的文本)。



 类似资料:
  • 问题内容: 我有一个这样的下拉列表: 如何使用JavaScript获取实际的选项文本而不是值?我可以通过以下方式获得价值: 但不是我想要的。 问题答案: 尝试选项

  • 问题内容: 我有这样的选项菜单: 现在,我想使用href更改选定的选项。例如: 但是我想用而不是选择选项。 如何更改此代码? 问题答案: 更改 至

  • 问题内容: 我有一个文本框和一个链接按钮。当我写一些文本时,然后选择其中一些,然后单击链接按钮,必须在文本框中显示一个带有消息框的文本。 我该怎么做? 当我单击下面的文本框的“提交”按钮时,消息框必须显示Lorem ipsum。因为在该区域中选择了“ Lorem ipsum”。 如果我从页面中选择任何文本并单击“提交”按钮,则该文本有效,但如果我将文本写入文本框并使其成功,则无效。因为当我单击到另

  • 问题内容: 如何使用JavaScript获取HTML页面的标题? 问题答案: 用途:

  • 问题内容: 我有我的选择列表组件呈现我的选择列表: 我在组件上有一个方法可以创建选项: 我的onChange方法适用于以下值: 有没有办法我可以获取选项文本?这给我不确定 问题答案: 这样的事情应该做 这是一个演示 http://jsbin.com/vumune/4/

  • 我有这样一个下拉列表: 如何使用JavaScript获得实际的选项文本而不是值?我可以通过以下方法获得值: 但我想要的不是而是。