数组索引值未定义,数组不是

Question

如果您需要更多背景信息,请询问.

使用Javascript:

<script type="text/javascript>
var buttons = document.getElementsByClassName("_jvpff");
console.log(buttons);
console.log(buttons[0]); //added after error from command below
console.log(buttons[0].innerHTML);
</script>

安慰:

HTML:

该数组包含有效元素,但在尝试访问带索引的元素时,它返回undefined.

谢谢.

Answer 1

document.getElementsByClassName返回一个live HTMLNodeList,当元素变为可用时更新,并且控制台有自己的怪癖,用于评估和更新对象的内容.如果button[0]是undefined在尝试访问它的时候,那就是undefined那个时候.这意味着您需要等待脚本执行,直到DOM准备好并且元素实际存在.将脚本放在页面底部,或者通过监听DOMContentLoaded事件等待DOM准备就绪.