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

Question

我有一个存储在服务器上的文本文件和一个 HTML 中的对象，如下所示：

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

如何阅读test.txtJavascript 中的内容？到目前为止，我所拥有的是：

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

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

Answer 1

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

在. onload_object

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

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

Answer 2

我创建了一个简单的函数和按钮作为示例。只需复制 html 和 js 代码，它应该适合您。只需确保为要导入的对象创建适当的 txt 或 html 文件。

function getObjectData()
{
    //alert("getObjectData");
    
    var myData = "";
    var object = document.getElementById("data");
    
    //get data inside object data
    var myData = object.contentDocument.body.childNodes[0].innerHTML;

    alert("myData => " + myData + " <= myData" );
}

#data{
    height: 36px;
    border: solid 1px red;
    /*overflow: hidden;*/
}

<div class="main">
    <object id="data" type="text/plain" data="test.txt"></object>
</div>
<br />
<button onclick="getObjectData()">Get Object Data</button>