javascript - 如何动态访问特定 Div 标签的元素？

Question

这是我的 JavaScript 的 Div 标记的 onMouseOver 事件处理程序。 (它工作正常，至少在 Chrome 和 IE 中):

function changeCallout(sender, e) {
    document.getElementById(sender.id).className = "callout2";
}

我想做的是设置 Div 中包含的 H2 标签的颜色属性，它的类已更改。

我知道我应该能够访问颜色属性或更改类，但我不知道如何只访问适当的 H2 标签(我知道 getElementsByTagName).执行此操作的语法是什么？

Answer 1

假设想要的 h2 是目标 div 下的第一个，然后使用以下相对于该 div 进行搜索:

var div = document.getElementById(sender.id);
var h2 = div.getElementsByTagName("h2")[0];

如果不是第一个，只需将 0 更改为 n (在第二行)，其中 n 是所需的位置标题。