有没有办法 console.log 一个 html 对象的内容？答案

【问题标题】：Is there any way to console.log the content of an html object?有没有办法 console.log 一个 html 对象的内容？
【发布时间】：2019-11-25 00:34:28
【问题描述】：

假设我们有两个文件，即 object.html 和 load.txt。

object.html

  <!DOCTYPE html>
  <body>
    <object data="load.txt"></object>
  </body>
  </html>

加载.txt

   You have to load me !

现在，当我在浏览器窗口中打开 object.html 时，会显示 load.txt 文件的内容（像往常一样），但我希望内容也显示在控制台中，说“你加载的文本文件的内容：” 以及之后的内容。但我不明白，如何 console.log txt 文件的内容。你能帮帮我吗？

【问题讨论】：

【解决方案1】：

您不能直接console.log() 文件的内容。

为此，您需要使用FileAPI 读取文件的内容，然后console.log() 读取内容。

你可以在this answer this answer中阅读更多关于console.log文件内容的详细信息

【讨论】：

【解决方案2】：

尝试使用事件：

<object data="load.txt"></object>

document.getElementsByTagName('object')[0].addEventListener('load', (e)=>{
    // your element should have the data loaded here.

})

【讨论】：