javascript - 读取 HTML 对象标签中的数据

Question

我在服务器上存储了一个文本文件和一个 HTML 格式的对象，如下所示:

<object id="data" type="text/plain" data="test.txt"></object>

如何在 Javascript 中读取 test.txt 的内容？到目前为止我所拥有的是:

var data = document.getElementByID("data");

但我不知道如何读取对象标签内的 HTML 文档。

Answer 1

object 标签必须向服务器发出单独的请求，然后加载该内容。同时，您的 JavaScript 已经执行并“错过了公交车”。

在 object 的 onload 事件中运行您的代码。

然后使用.contentDocument.body.childNodes[0].innerHTML查看文本文件。

var object = document.getElementById("data");
object.onload = function() {
    var data = object.contentDocument.body.childNodes[0].innerHTML;
    // use the data
};