javascript - SVG 文档中的 Gecko/Firefox 缺少 document.getElementsByName

Question

我有一个 SVG 文档，我在其中使用 JavaScript 在鼠标悬停时突出显示元素。我的元素都有名称 - 有些元素具有相同的名称，因为尽管它们出现多次，但它们在逻辑上指的是同一事物。当鼠标悬停在复制元素的一个实例上时，我希望它们全部突出显示。

为了实现突出显示，我查找了鼠标悬停的元素的名称。然后，我调用 document.getElementsByName() 来查找共享该名称的所有元素。使用返回的元素数组，我反复应用适当的样式来突出显示。

这在 WebKit 上运行良好，但在 Gecko 上失败了——后者告诉我 getElementsByName 未定义。其中，查看document的函数表确实是这样:getElementsByClassName、getElementsByTagName、getElementsByTagNameNS都有; getElementsByName 丢失。

关于 Gecko 为何忽略此选择器的任何想法？谷歌在这件事上没有帮助(尽管我可能问错了问题)。

对于 Gecko 不支持此选择器的紧凑解决方法有什么建议吗？我非常希望不必劫持类属性或(更糟)为我的重复实例生成唯一 ID 来完成任务。

Answer 1

问题是:SVG 文档也是 (X)HTML 文档吗？ https://developer.mozilla.org/en/DOM/document.getElementsByName

自由贸易协定:

The name attribute is only applicable to (X)HTML documents. The method returns all elements with a name attribute, such as or or even if name is placed on elements which do not support a name attribute at all.