Question

var a = document.getElementById('abc');
alert(a.id) // it works.

var b = document.getElementsByClassName('qwe');
alert(b[0].id); // this is not working. returns only empty space : ''

我不知道为什么会这样。

a是对象，b是数组对象。和b [0]是对象属性。也是对象。

有没有人能够清楚地解释这种情况和解决方案？

PS。对不起小姐＆＃39;文件＆＃39;。当我写这个问题时，我错过了它。但在源代码中，我并没有错过它。

<html>
<div id="abc" class="qwe"></div>
<div id="a1" class="qwe"></div>
<div id="a2" class="qwe"></div>
<div id="a3" class="qwe"></div>

Answer 1

如果你在getElementById之前写document它应该可以正常工作。

这是jsBin示例JSBIN

var a = document.getElementById('abc');
alert(a.id) // it works.

var b = document.getElementsByClassName('qwe');
alert(b[0].id); // this is not working. returns only empty space : ''

Answer 2

JSFiddle

您忘记在document和getElementById之前使用getElementsByClassName，否则其工作正常。看看上面的jsfiddle链接

如何获取数组中项的id？

2 个答案: