javascript - 如何通过javascript以编程方式选择/突出显示HTML页面中的dom？

Question

例如，我在页面中有一个表 dom，如何在 IE 和 Firefox 浏览器中通过 javascript 选择/突出显示它。

当用户使用 ctrl+c 复制某些内容时，我只想将表 dom 复制到剪贴板。

Answer 1

这是一个非常简单的例子：

<table id="someTable">
<tr>
    <td>ajlaksjd flsajlsd</td>
</tr>
</table>​

<script>
window.prompt ("Copy to clipboard: Ctrl+C, Enter",
      document.getElementById("someTable").outerHTML);
</script>

​我喜欢这个，因为你得到了整个表，你不必担心当你开始自动弄乱用户的复制/粘贴缓冲区时出现的安全问题。有关自动复制/粘贴的许多选项的良好讨论，请查看这篇文章。

Answer 2

您可以使用 JS 包装选定/突出显示的元素，包装器应该具有一些视觉效果，例如边框或轮廓，然后您可以使用el.innerHTML获取 dom，最后使用诸如zeroclipboard 之类的库复制到剪贴板。