我正在做一个网站项目，该项目要求网页在悬停时显示工具提示。由于我不会在这里讨论的原因，我决定使用名为dyn-web.com的站点中的库。该库运行良好，但是我需要对其工作方式进行一些小的更改，这将使其非常适合我的应用程序。麻烦的是，我不知道它是如何工作的！
我读过的所有内容都表明您无法在CSS内执行javascript代码。但这似乎正是该库的功能。要为任何元素（锚，div，跨度等）创建工具提示，此库需要您执行的所有操作是：
如果您会注意到，这些步骤中的任何地方都没有提到任何事件处理程序。而且，没有一个名为showTip的类（我可以找到）。没有JQuery或其他依赖项。那么如何执行javascript？
我不想在不知道它如何工作的情况下随意进入并开始更改库，并且我一直在努力寻找解决方法。你们中比我聪明的人可以解释一下吗？
从列出的步骤来看，动态Web编码库似乎使用JavaScript将CSS属性应用到元素中。您不能在CSS内运行JavaScript，但是可以使用JavaScript来应用CSS！
该库可能所做的就是使用来查看showTipJavaScript类中的所有元素document.getElementsByClassName("showTip")。然后，它查看该元素上的另一个类，并假定它是带有工具提示文本的工具提示的键。
然后，它可能会使用创建工具提示的元素document.createElement()，然后使用document.appendChild()或将其注入到文档中document.insertBefore()。他们可能会在工具提示中添加一些类，以便使用该.className属性来应用CSS规则。
它也可能用于document.addEventListener()侦听用户将鼠标悬停并离开元素的时间。您不需要添加此代码，因为<script>您添加的标签已document.addEventListener()为您调用。
所有这些都需要DOM（即DOM），JavaScript编码人员可使用DOM来处理HTML文档。这实际上非常强大而且很酷，因此您可以在TutorialsPoint上查看一个不错的教程。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句