动态地将onmouseover属性添加到锚标签

Question

我使用我从头开始创建的Java应用程序，从MS word文档生成我的网站（www.ibiblio.org/britishraj）上的所有页面。我需要以自动化方式完成这项工作，因为有35本大型书籍，每本最多500页，总计超过400万字，数千个脚注，以及超过一千张图像。

我想添加弹出式脚注和弹出图片，同时保持我的html尽可能多的javascript。如果我在每个脚注标签和每个图片标签上添加一个onmouseover =，我就可以做到。我有一个在测试文件中工作。

＆lt; a class =“fnr”href =“＃”onmouseover =“showfootnote（456，this）;”＆gt; 456＆lt; / a＆gt;＆gt;

需要对'this'的引用来决定弹出窗口的显示位置。在任何一章中可能有多达一百本，每本书二十章，35本书......

那么......我怎样才能动态添加onmouseover属性？我听说有一些方法可以在加载页面后迭代DOM，并根据标签的类添加额外的属性，例如clss =“fnr”。我还需要将数字作为参数传递，在本例中为456，这是锚标记的innerhtml。

我已经看到一些事情的例子略有相似但不完全是我需要的。我已经苦苦挣扎了几天而没有成功。我的javascript技能缺乏。

欢迎提供帮助/建议。

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

Answer 1

将标识放入标记（以便于访问），例如，id =“myID”。如果要添加onmouseover属性，请使用：

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

以上是DOM1兼容性。 对于DOM2，您可以使用addEventListener方法。 Google it -_-。

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

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

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