使用Javascript更改iframe中文本的颜色

Question

当数字低于某个点时，我试图更改文本文件中数字的颜色。使用javascript读取此文件。例如，如果数字为400，则文字颜色应变为绿色。如果数字为200，则文字颜色应变为红色

我尝试使用fontcolor（）函数，但没有任何运气。我提供的代码基本上显示了iframe中文本文​​件的内容。我希望能够更改iframe内文本的颜色

<iframe id="textfile" src="john.txt"></iframe>

<script type="text/javascript">
  function print() {
      var iframe = document.getElementById('textfile');
      iframe.contentWindow.print();
  }
</script>

例如，如果数字为400，则文本颜色应变为绿色。如果数字为200，则文字颜色应变为红色

Answer 1

请勿使用iframe。使用javascript读取文本文件，然后将所有数据放入div中，以便您可以使用html字体标签或CSS更改400的颜色。

一个想法，从txt文件读取数据后，您可以搜索字符串中的400键，然后可以在插入div之前更改它<font color="green">400</font>。