我有一些代码这样做：
var changes = document.getElementsByName(from);
for (var c=0; c<changes.length; c++) {
var ch = changes[c];
var current = new String(ch.innerHTML);
etc.
}
这在 FF 和 Chrome 中可以正常工作，但在 IE7 中则不行。大概是因为 getElementsByName 在 IE 中不起作用。最好的解决方法是什么？
【问题讨论】：
标签： javascript dom internet-explorer-7
如果你不知道为什么这在 IE 中不起作用，这里是the MSDN documentation on that function：
使用 getElementsByName 方法时，将返回文档中具有指定 NAME 属性或 ID 属性值的所有元素。
同时支持 NAME 属性和 ID 属性的元素包含在 getElementsByName 方法返回的集合中，但具有 NAME 扩展的元素不包含在集合中；因此，此方法不能用于按名称检索自定义标签。
Firefox 允许 getElementsByName() 检索使用 NAME 扩展的元素，这就是它起作用的原因。这是否是一件好事™ 可能存在争议，但事实就是如此。
因此，一种选择是使用getAttribute() DOM 方法来请求NAME 属性，然后测试该值以查看它是否是您想要的，如果是，则将其添加到数组中。但是，这将要求您遍历页面中的所有节点，或者至少在一个小节内进行迭代，这不是最有效的。您可以使用 getElementsByTagName() 之类的东西预先限制该列表。
如果您可以控制页面的 HTML，另一种方法是为所有感兴趣的元素提供一个仅按数字变化的 Id，例如：
<div id="Change0">...</div>
<div id="Change1">...</div>
<div id="Change2">...</div>
<div id="Change3">...</div>
然后有这样的JavaScript：
// assumes consecutive numbering, starting at 0
function getElementsByModifiedId(baseIdentifier) {
var allWantedElements = [];
var idMod = 0;
while(document.getElementById(baseIdentifier + idMod)) { // will stop when it can't find any more
allWantedElements.push(document.getElementById(baseIdentifier + idMod++));
}
return allWantedElements;
}
// call it like so:
var changes = getElementsByModifiedId("Change");
当然，这是一种 hack，但与其他一些 hack 相比，它可以完成您需要的工作并且不会太低效。
如果您使用某种 JavaScript 框架/工具包，您的选择会好得多，但我没有时间深入了解这些细节，除非您表明您正在使用其中一个。就我个人而言，我不知道没有一个人是如何生活的，他们节省了很多时间、精力和挫折感，以至于你无法不使用一个。
【讨论】：
document.getElementsByName(name) 检索到的项目。我仍然坚持我的说法，.getElementsByName(name) 的实现在 IE 中是不正确的（在所有旧版本中）。
有几个问题：
id="" 与name="" 混淆了
name="" 不允许在 <span> 上使用
要修复，我建议：
name="" 更改为class=""
-
var changes = document.getElementById('text').getElementsByTagName('span');
for (var c=0; c<changes.length; c++) {
var ch = changes[c];
if (ch.className != from)
continue;
var current = new String(ch.innerHTML);
【讨论】：
使用 NAME 属性查找元素并不常见。我建议切换到 ID 属性。
但是，您可以使用 jQuery 查找具有特定名称的元素：
$("*[name='whatevernameYouWant']");
这将返回具有给定名称的所有元素。
【讨论】：
在 IE 中支持 getElementsByName，但存在一些错误。特别是它返回“id”与给定值匹配的元素，以及“name”。如果没有更多上下文、代码和实际错误消息，则无法判断这是否是您遇到的问题。
一般来说，最好避免使用 getElementsByName，因为 HTML 中的“name”属性有几个重叠的用途，可能会造成混淆。使用 getElementById 更可靠。在专门处理表单字段时，您可以更可靠地使用 form.elements[name] 来检索您要查找的字段。
【讨论】：
我已经成功地使用了一个包装器来返回一个元素数组。也适用于 IE 6 和 7。请记住，它与 document.getElementsByName 并非 100% 完全相同，因为它不是 NodeList。但是对于我需要它的目的，也就是在一个元素数组上运行一个 for 循环来做一些简单的事情，比如设置 .disabled = true，它就足够了。
尽管这个函数仍然使用 getElementsByName，但如果这样使用它就可以工作。自己看吧。
function getElementsByNameWrapper(name) {
a = new Array();
for (var i = 0; i < document.getElementsByName(name).length; ++i) {
a.push(document.getElementsByName(name)[i]);
}
return a;
}
【讨论】：
解决方法
var listOfElements = document.getElementsByName('aName'); // Replace aName with the name you're looking for
// IE hack, because it doesn't properly support getElementsByName
if (listOfElements.length == 0) { // If IE, which hasn't returned any elements
var listOfElements = [];
var spanList = document.getElementsByTagName('*'); // If all the elements are the same type of tag, enter it here (e.g.: SPAN)
for(var i = 0; i < spanList.length; i++) {
if(spanList[i].getAttribute('name') == 'aName') {
listOfElements.push(spanList[i]);
}
}
}
【讨论】：
【讨论】：