Javascript 如何更改当前元素的innerHTML？

我正在尝试在当前元素上打印文本。我尝试了这两种代码，但它们似乎不起作用：

这一个正在打印整个文档中的文本：

fetch（'file.txt'）。然后（（resp）=>resp.text（））。然后（函数（数据）{
文件。写入（数据）；
});

因此：

---

下面的代码返回以下错误：

fetch（'file.txt'）。然后（（resp）=>resp.text（））。然后（函数（数据）{
document.this.innerHTML（数据）；
});

无法读取未定义的属性“innerHTML”

---

将

此

替换为

正文

innerHTML

不是一个函数，而是您需要设置它的属性。

我想你想把

附加到

我们现在所在的

中。您可以访问脚本并获取其

parentNode

<div>
  <script>
    const script = document.scripts[document.scripts.length - 1];
    fetch('file.txt').then((resp) => resp.text()).then(function(data) {
      script.parentNode.innerHTML = data;
    });
  </script>
</div>

const script=document.scripts[document.scripts.length-1]；
fetch（'file.txt'）。然后（（resp）=>resp.text（））。然后（函数（数据）{
script.parentNode.innerHTML=数据；
});

---

注意：

文档。脚本[document.scripts.length-1]

将获得当前的

标记，因为它将是执行的最新脚本。

将

此
替换为
正文
innerHTML
不是一个函数，而是您需要设置它的属性。

我想你想把
附加到
我们现在所在的
中。您可以访问脚本并获取其
parentNode

<div>
  <script>
    const script = document.scripts[document.scripts.length - 1];
    fetch('file.txt').then((resp) => resp.text()).then(function(data) {
      script.parentNode.innerHTML = data;
    });
  </script>
</div>


const script=document.scripts[document.scripts.length-1]；
fetch（'file.txt'）。然后（（resp）=>resp.text（））。然后（函数（数据）{
script.parentNode.innerHTML=数据；
});

注意：
文档。脚本[document.scripts.length-1]
将获得当前的
标记，因为它将是执行的最新脚本。
您可以使用
文档.writeln（）
在当前div中写入

<div>
  <script>
    fetch('file.txt').then((resp) => resp.text()).then(function(data) {
      document.writeln(data);
    });
  </script>
</div>


fetch（'file.txt'）。然后（（resp）=>resp.text（））。然后（函数（数据）{
文件、书面文件（数据）；
});

Hre是一个类似的例子，演示了结果



承诺.解决（'abc123
xyz789'）
.then（功能（数据）{
文件写入（数据）
});
您可以使用
document.writeln（）
在当前div中写入

<div>
  <script>
    fetch('file.txt').then((resp) => resp.text()).then(function(data) {
      document.writeln(data);
    });
  </script>
</div>


fetch（'file.txt'）。然后（（resp）=>resp.text（））。然后（函数（数据）{
文件、书面文件（数据）；
});

Hre是一个类似的例子，演示了结果



承诺.解决（'abc123
xyz789'）
.then（功能（数据）{
文件写入（数据）
});
首先，您应该将脚本移出div，然后将代码中的“this”替换为对目标div的引用

如果您将div的id设置为“target”，则可以执行以下操作：

const target = document.getElementById('target');

fetch('file.txt').then((resp) => resp.text()).then((data) => target.innerHTML = data);

首先，应该将脚本移出div，然后将代码中的“this”替换为对目标div的引用

如果您将div的id设置为“target”，则可以执行以下操作：

const target = document.getElementById('target');

fetch('file.txt').then((resp) => resp.text()).then((data) => target.innerHTML = data);

document.body.innerHTML=数据
document.body.innerHTML=数据我想他想把这个写到当前部门。。。这将写入正文。如上所述，我想在当前元素上打印文本，在本例中是
，而不是
。只需将document.body替换为“当前div的选择器”。在HTML示例中，您显示希望将其直接附加到正文中。@GetOffMyLawn我已更新了答案。一开始我误解了。我想他想把这封信写给现在的部门。。。这将写入正文。如上所述，我想在当前元素上打印文本，在本例中是
，而不是
。只需将document.body替换为“当前div的选择器”。在HTML示例中，您显示希望将其直接附加到正文中。@GetOffMyLawn我已更新了答案。起初我误解了。