blocks|key|1693192|text|IE支持getElementsByName，但存在错误。特别是，它返回‘id’与给定值匹配的元素，以及‘name’。如果没有更多的上下文、代码和实际的错误消息，我不知道这是否是你遇到的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1693193|一般来说，最好避免使用getElementsByName，因为HTML中的‘name’属性有几个重叠的用途，这可能会让人感到困惑。使用getElementById要可靠得多。当专门处理表单域时，您可以更可靠地使用form.elementsname来检索您要查找的域。|1693194|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

getElementsByName is supported in IE, but there are bugs. In particular it returns elements whose ‘id’ match the given value, as well as ‘name’. Can't tell if that's the problem you're having without a bit more context, code and actual error messages though.

In general, getElementsByName is probably best avoided, because the ‘name’ attribute in HTML has several overlapping purposes which can confuse. Using getElementById is much more reliable. When specifically working with form fields, you can more reliably use form.elements[name] to retrieve the fields you're looking for.

blocks|key|1477941|text|使用NAME属性查找元素并不常见。我建议切换到ID属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1477942|但是，您可以使用jQuery查找具有特定名称的元素：|1477943|+$("*[name='whatevernameYouWant']");|code-block|syntax|javascript|1477944|这将返回具有给定名称的所有元素。|1477945|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

It's not very common to find elements using the NAME property. I would recommend switching to the ID property.

You can however find elements with a specific name using jQuery:

<pre><code> $("*[name='whatevernameYouWant']");
</code></pre>

this will return all elements with the given name.

blocks|key|1477964|text|只是IE中的另一个DOM错误：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1477965|错误1：Click+here|offset|length|1477966|错误2：Click+here|1477967|entityMap|0|LINK|mutability|MUTABLE|url|http://webbugtrack.blogspot.com/2007/08/bug-411-getelementsbyname-doesnt-work.html|1|http://webbugtrack.blogspot.com/2008/04/bug-403-another-getelementsbyname-bugs.html^0|0|4|A|0|0|4|A|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|Q]]]]

Just another DOM bug in IE:

Bug 1: <a href="http://webbugtrack.blogspot.com/2007/08/bug-411-getelementsbyname-doesnt-work.html" rel="nofollow noreferrer">Click here</a>

Bug 2: <a href="http://webbugtrack.blogspot.com/2008/04/bug-403-another-getelementsbyname-bugs.html" rel="nofollow noreferrer">Click here</a>

blocks|key|1693347|text|我已经成功地使用包装器返回了一个元素数组。在IE+6和7中也能工作。请记住，由于它不是NodeList，所以它与document.getElementsByName不是100%25完全相同的东西。但我需要它的目的是在一个元素数组上运行一个for循环来做一些简单的事情，比如设置.disabled+=+true，它工作得足够好了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1693348|尽管此函数仍然使用getElementsByName，但如果以这种方式使用，则可以正常工作。你自己看吧。|1693349|function+getElementsByNameWrapper(name)+{
++a+=+new+Array();

++for+(var+i+=+0;+i+<+document.getElementsByName(name).length;+%2B%2Bi)+{
++++a.push(document.getElementsByName(name)[i]);
++}

++return+a;
}|code-block|syntax|javascript|1693350|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I've had success using a wrapper to return an array of the elements. Works in IE 6, and 7 too. Keep in mind it's not 100% the exact same thing as document.getElementsByName, since it's not a NodeList. But for what I need it for, which is to just run a for loop on an array of elements to do simple things like setting .disabled = true, it works well enough.

Even though this function still uses getElementsByName, it works if used this way. See for yourself.

<pre><code>function getElementsByNameWrapper(name) {
 a = new Array();

 for (var i = 0; i &lt; document.getElementsByName(name).length; ++i) {
 a.push(document.getElementsByName(name)[i]);
 }

 return a;
}
</code></pre>

blocks|key|1693359|text|解决方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1693360|++++++++++++++++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%2B%2B)+{
++++++++++++++++++++if(spanList[i].getAttribute('name')+==+'aName')+{
++++++++++++++++++++++++listOfElements.push(spanList[i]);
++++++++++++++++++++}
++++++++++++++++}
++++++++++++}|code-block|syntax|javascript|1693361|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Workaround

<pre><code> 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 &lt; spanList.length; i++) {
 if(spanList[i].getAttribute('name') == 'aName') {
 listOfElements.push(spanList[i]);
 }
 }
 }
</code></pre>

I have some code doing this :

<pre><code> var changes = document.getElementsByName(from);
 for (var c=0; c&lt;changes.length; c++) {
 var ch = changes[c];
 var current = new String(ch.innerHTML);
 etc.
 }
</code></pre>

This works fine in FF and Chrome but not in IE7. Presumably because getElementsByName isn't working in IE. What's the best workaround?

getElementsByName in IE7

jQuery

我有一些代码可以做到这一点： var changes = document.getElementsByName(from); for (var c=0; c<changes.length; c++) { var ch = changes[c]; var current = new String(ch.inner...

问IE7中的getElementsByName
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7中的getElementsByNameEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7中的getElementsByName
EN