关于用getElementsByTagName弹出[object HTMLCollection]的有关问题

关于用getElementsByTagName弹出[object HTMLCollection]的问题

HTML code

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;script type="text/javascript"&gt;        var a = document.getElementsByTagName('a');        alert(a);    &lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/body&gt;&lt;/html&gt;

不是应该获取所有a标签的一个列表吗？为什么会弹出object HTMLCollection呢？而且我用alert(a[0])弹出的是undefined？

[解决办法]
代码顺序的问题，JS代码位于目标元素之前，代码被执行时目标元素还没有加载到DOM树中。

HTML code

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;a href="#"&gt;DEMO&lt;/a&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;/a&gt; &lt;script type="text/javascript"&gt;var a = document.getElementsByTagName('a');alert(a[0].innerHTML);&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;
[解决办法]
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
   &lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a href="#"&gt;1&lt;/a&gt;
&lt;a href="#"&gt;2&lt;/a&gt;
&lt;a href="#"&gt;3&lt;/a&gt;
&lt;a href="#"&gt;4&lt;/a&gt;
   &lt;script type="text/javascript"&gt;
       var a = document.getElementsByTagName('a');
       alert(a[0].innerHTML);
   &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;



script放dom之后，或window.onload里

关于用getElementsByTagName弹出[obje

热点推荐