Javascript 如何找到网页上隐藏文本的宽度？

所以我尝试添加这个工具提示，它会根据包含的文本宽度调整大小。工具提示是一个div，它有另一个包含文本的div

<div><div> tooltip text </div></div>

工具提示文本

---

我使用javascript将文本指定为MyToolTiptText.innerHTML=sometext。工具提示在“显示”设置为“无”时隐藏，并在鼠标悬停时可见。我试图在它根据文本/包含div的文本的宽度变得可见之前设置它的宽度。但是当我试图获取包含div的文本的clientWidth或scrollWidth时，它显示为零。我的理解是，这是由于元素被隐藏而发生的。我尝试将其显示设置为“阻止”，可见性设置为“隐藏”，然后尝试获取必要的值，但没有效果。有没有一种方法可以在不使隐藏文本可见的情况下获得隐藏文本的宽度？

您可以将其画离屏幕。 比如：

.myCssStyle{
  position: absolute;
  right: 5000px;
} 

---

你可以把它画在屏幕外。 比如：

.myCssStyle{
  position: absolute;
  right: 5000px;
} 

---

不要隐藏它，将其移出屏幕，然后将其重新悬停

CSS:

HTML:

将鼠标悬停在我身上
这是隐藏文本和其他一些文本​

---

演示：

不要隐藏它，将其移出屏幕，然后将其恢复悬停状态

CSS:

HTML:

将鼠标悬停在我身上
这是隐藏文本和其他一些文本​

---

演示：

这是默认行为。显示它、获取它的宽度然后隐藏它有什么不对？这是默认行为。显示它、获取它的宽度然后隐藏它有什么不对？

<div class="inputtext">Hover Me<span id="hiddenText">
This is the hidden text and some more text</span></div>​