javascript - 动态添加 onmouseover 属性到 anchor 标记

Question

我使用我从头开始创建的 Java 应用程序从 MS Word 文档生成我的网站 (www.ibiblio.org/britishraj) 上的所有页面。我需要以自动化的方式完成此操作，因为有 35 本大书，每本多达 500 页，总计超过 400 万字、数千个脚注和一千多个图像。

我想添加弹出脚注和弹出图像，同时使我的 html 尽可能不包含 JavaScript。如果我向每个脚注标签和每个图像标签添加 onmouseover= ，我就可以做到这一点。我已经在测试文件中工作了。

456>

需要引用“this”来决定在哪里显示弹出窗口。任何一章可能有多达一百个，每本书二十章，三十五本书......

那么...如何动态添加 onmouseover 属性？我听说有一些方法可以在加载页面后迭代 DOM，并根据标签的类添加额外的属性，在这种情况下为 clss="fnr"。我还需要传入数字作为参数，在本例中为 456，它是 anchor 标记的 insidehtml。

我见过一些稍微相似但不完全是我需要的例子。我已经为此奋斗了几天，但没有成功。我的 javascript 技能在这里缺乏。

欢迎提供帮助/建议。

...现在我聪明了一点，我知道 JQuery 可以轻松地做到这一点。 ....

Answer 1

在标签中添加一个 id(以便于访问)，例如 id="myID"。在要添加 onmouseover 属性的位置，请使用:

document.getElementById("myID").onmouseover=/*your function name*/;

以上是DOM1兼容的。对于 DOM2，您可以使用 addEventListener 方法。谷歌一下-_-。

就您的代码而言，您可以迭代所有 ID 并使用

document.getElementById("myID").onmouseover=function(){showfootnote(456, document.getElementById("myID"));};

如果您使用上述代码，功能不会改变。 :) 希望这有帮助。