有没有办法 console.log html 对象的内容？

Question

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

object.html

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

load.txt

   You have to load me !

现在，当我在浏览器 window 中打开 object.html 时，会显示 load.txt 文件的内容（像往常一样），但我希望内容也显示在控制台中，说 "The content of the text file you loaded :" 以及之后的内容。但是我不明白，如何console.log txt文件的内容。你能帮帮我吗？

Answer 1

尝试使用事件：

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

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

})

Answer 2

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

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

如需进一步阅读，您可以在 this answer

中详细阅读 javascript 中文件的内容 console.log

有没有办法 console.log html 对象的内容？

Is there any way to console.log the content of an html object?

javascript

html-object