使用JavaScript

时间:2018-03-31 02:27:51

标签: javascript html5 css3

我正在尝试将TXT文件的内容加载到HTML页面中。问题是,TXT文件中包含HTML标记引用。在这种情况下,TXT文件的纯文本内容包含大量B标签以加粗文本的某些部分,而文本的所有其他部分都是纯文本。

https://www.w3schools.com/tags/tag_b.asp

到目前为止,这是我的相关代码:

<div id="help-screen" class="screen">
    <object id="help-text" type="text/plain" data="gui/help.txt"></object>
</div>

var helpText = document.getElementById("help-text");
helpText.onload = function() {
    document.getElementById("help-screen").innerHTML = helpText.contentDocument.body.childNodes[0].innerHTML;
};

到目前为止,此代码执行的操作是成功将TXT文件的内容加载到HTML页面中。 HTML文档作为一个整体声明了一个默认的文本字体,颜色和大小,TXT内容中加载的内容被适当地设置为。

问题是,跳过了TXT文档中的所有换行符,也跳过了B标记。

我尝试将help.txt文件重命名为help.html并删除type属性。然而,结果是&#34;未定义&#34;出现在页面上。

1 个答案:

答案 0 :(得分:0)

我明白了。我只是删除了对'childNodes [0]'的引用,它可以工作。