Javascript 如何选择范围内的HTML内容

我需要选择我的HTML内容（如突出显示文本，以便我可以复制它）。我想创建一个按钮，用于选择两个

或两个

（任何标签）之间的所有内容。查看我需要选择的内容

我找到了一些选择的想法，但我不确定（有点困惑）

var range=document.createRange（）；
var sel=window.getSelection（）；
range.setStart（el.childNodes[2]，5）；
范围。塌陷（真）；

我希望它通过两个标记创建范围
谢谢您的帮助

根据Denis的说法，您应该使用

function SelectText(element) {
 if (document.selection) {
  var range = document.body.createTextRange();
  range.moveToElementText(document.getElementById(element));
  range.select();
 } else if (window.getSelection) {
  var range = document.createRange();
  range.selectNode(document.getElementById(element));
  window.getSelection().addRange(range);
 }
}

从名为

element

的参数中选择元素中的文本

为了确保您可以选择表格，您必须将其放入

：

让我知道它是否有效

---

快乐编码：）-Charlie

谢谢你的帖子，我已经添加了更新的代码，但没有sue为什么它不起作用Bob，我在Firefox 33/Ubuntu 14.04下的本地文件中尝试了它，但代码笔没有。我不知道是什么原因造成的problem@bobsmitha我在这个网站上找到了一个关于另一个主题的JavaScript。我检查过了，这在Firefox和Chrome中都可以使用。让我知道这是否适合您；）下面是一个代码笔片段：

function SelectText(element) {
 if (document.selection) {
  var range = document.body.createTextRange();
  range.moveToElementText(document.getElementById(element));
  range.select();
 } else if (window.getSelection) {
  var range = document.createRange();
  range.selectNode(document.getElementById(element));
  window.getSelection().addRange(range);
 }
}

<div id="foo">
 <table>
  ...
 </table>
</div>

<div id="bar">
 <p>
  ...
 </p>
</div>

<input type="button" onclick="SelectText(foo)" value="Select table">

<input type="button" onclick="SelectText(bar)" value="Select p">