无法访问 span 标记的内部 HTML

Cannot access innerHTML of span tag

本文关键字:内部 HTML 访问 span      更新时间:2023-09-26

我有这段代码:

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

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

未捕获的类型错误:对象 [对象节点列表] 没有方法"getElementsByTagName"

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

谢谢

getElementsByClassName返回一组元素(即 NodeList ),而不是单个元素:

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

此外,您可以将其替换为querySelector

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