小编典典

IE7中的getElementsByName

javascript

我有一些代码这样做:

 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中无法正常工作。最好的解决方法是什么?


阅读 453

收藏
2020-05-01

共1个答案

小编典典

如果您不知道为什么这在IE中不起作用,请参见该函数的MSDN文档:

使用getElementsByName方法时,将返回文档中具有指定NAME属性或ID属性值的所有元素。

同时支持NAME属性和ID属性的元素包含在getElementsByName方法返回的集合中,但是具有NAME
expando的元素不包含在该集合中。因此,该方法不能用于按名称检索自定义标签。

Firefox允许getElementsByName()检索使用NAMEexpando的元素,这就是它起作用的原因。这是否是一件好事™尚待辩论,但这就是事实。

因此,一种选择是使用getAttribute()DOM方法询问NAME属性,然后测试该值以查看它是否是您想要的,如果是,则将其添加到数组中。但是,这将需要您遍历页面中或至少在子节中的所有节点,而这并不是最有效的。您可以通过使用诸如此类的方法预先约束该列表getElementsByTagName()

如果您可以控制页面的HTML,则另一种方法是给所有感兴趣的元素提供一个ID,该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");

当然,这是一种黑客手段,但是它可以完成您所需的工作,并且与其他一些黑客工具相比,效率不会太低。

如果您使用某种JavaScript框架/工具包,那么您的选择会更好一些,但是除非您指出您正在使用,否则我没有时间来讨论这些细节。就个人而言,我不知道没有人的人如何生活,他们节省了太多的时间,精力和挫折感,以至于您负担不起
使用一个人的负担。

2020-05-01