Javascript 悬停时弹出文本框而不访问html？

我试图创建一个鼠标上方有文本的弹出框。我的问题是我没有访问html的权限，我不能上传javascript——但是我可以做css和编写javascript

我发现的大多数示例要么需要更改cssclasses，要么需要上传Javascript。因为我不能在内部脚本中链接，所以失败了

我可以在不需要上传脚本文件的情况下使用Javascript实现这一点吗

hmtl示例，其中span类是我需要针对的对象：

<a href="/products/Microsoft/All-in-One-Media-Keyboard-with-TouchPad-German-?prodid=1676284">All-in-One Media Keyboard with TouchPad German  <span class="labelextension N2">Bulk</span> </a>

---

这是一个非常粗糙的示例，介绍了如何执行您描述的操作：

• 获取触发元素（

  $（'.labelextension'）

  ）
• 创建一个将成为弹出窗口的元素（

  popup=document.createElement（…）

  ）
• 将元素附加到触发元素（

  …appendChild（弹出）

  ）
• 更改其css，使其仅在鼠标悬停在触发元素上时显示（

  popup.classList.add（'tooltip'）

  和

  .tooltip{display:none}.labelextension:hover.tooltip{display:inline；}

  ）

---

这里有一个相当糟糕的JSFiddle:

您能澄清一下在您的案例中使用javascript的方式吗？如中所示，您可以不上传文件，而是在

标记中将javascript添加到HTML中吗？您好！我尝试做这件事的网站是一个封闭的商业平台，在那里我无法访问基本的html。它确实有javascript和css的输入窗口，但没有上传选项，我无法将javascript放在某个地方，但我可以编写它并将其粘贴到javascript输入窗口上。假设它们包含您在HTML文档中方便的位置输入框中的javascript，您可以使用

document.getElement ById/TagName/etc

访问希望悬停弹出窗口的元素，然后修改dom以满足您的需要。你可以发布一个HTML代码的元素样本，你想有悬停效果吗？嗨，谢谢！不过拉小提琴运气不太好。在我将类更改为span.labelextension之前，什么都没有发生，然后它删除了所有已插入的标签？保持类不变，并将鼠标悬停在“批量”文本上。应在其旁边显示一个框。