使用JavaScript查找文本的边界

Question

我的问题

是否可以使用JavaScript获取文本的边界？

例如：

我只想获得红色标记的区域。

我为什么要问

我正在研究wordcloud，希望能够在单词div内放置新单词，而又不覆盖实际文本。

例如：

我希望能够在带有红色标记的区域中放置新单词，但是我的重叠检查功能无法将这些区域识别为“自由”区域，因为我当前使用的是单词div的边界（如黑框所示） ）。

Answer 1

您可以跨度到要放置文本的位置，为其指定一个ID，然后使用javascript读取此ID，然后将文本粘贴到跨度中。如此处所示：

HTML：

<span id='mySpan'><span>

Javascript：

let span = document.getElementById("mySpan");
span.text = "example";