javascript - 无法访问 span 标签的 innerHTML

Question

我有这段代码：

var size = iframe.contentWindow.document.getElementsByClassName('checked').getElementsByTagName('span')[0].innerHTML;            

出于某种原因，每次我运行它时都会收到以下消息：

未捕获的类型错误：对象 [object NodeList] 没有方法“getElementsByTagName”

即使我所有其他功能都可以getElementsByTagName()正常工作。此错误的原因可能是什么？

谢谢

Answer 1

getElementsByClassName返回一组元素（即NodeList），而不是单个元素：

iframe
    .contentWindow
    .document
    .getElementsByClassName('checked')[0]  // <--- [0] (or whatever index)
    .getElementsByTagName('span')[0]
    .innerHTML;  

此外，您可以将其替换为querySelector：

iframe
    .contentWindow
    .document
    .querySelector(".checked span")
    .innerHTML;