Question

我有一个HTML文件，该文件使用的是从文本文件读取的javascript文件。我的html文件中显示了文本文件的文本，但是我希望能够使用CSS设置样式。怎么做？我在这方面并不是最出色的，并且仍在学习中，所以不要害怕将其愚弄下来

不确定从哪里开始诚实

这里有HTML

<html>  

<head>  

<meta http-equiv="refresh" content="5">  

<script src="overlay.js"></script>  

</head>  

<body>  
</body>  

</html>

这里是JS（请记住，“文件名”将是我的文本文件的名称）

new XMLHttpRequest();


var xhr = new XMLHttpRequest;

xhr.open('GET', 'filename', false);

xhr.onload = function (){

    document.write( xhr.responseText );

};

xhr.send(null);

Answer 1

在页面处理完成后调用document.write将重写整个页面，使样式和样式消失。

相反，请使用textContent在元素上设置文本：

var xhr = new XMLHttpRequest;

xhr.open('GET', 'filename', false);

xhr.onload = function (){

    document.querySelector('body').textContent = xhr.responseText;

};

xhr.send(null);

更改从文本文件读取的js文件的样式

1 个答案: