Question

我目前正在使用共享托管的JavaScript代码。

该脚本从网站收集数据，然后在我的网站上显示。

事实是，数据显示在控制台选项卡中，但不显示在php页面上。脚本本身包含该代码：

<script> ... function printFollowers(followersSum) {   console.log(followersSum); // you can do print followersSum wherever you want }

... </script>

但我不明白如何打印＆＃34; followersSum＆＃34;函数将其显示在HTML上。

有人可以帮助我吗？

Answer 1

我们假设你的html中有<div id="printFollower"></div>。

然后这样做：

function printFollowers(followersSum) {
  document.getElementById('printFollower').innerHTML = followersSum;
  console.log(followersSum); // you can do print followersSum wherever you want
}

使用此方法，您可以更好地控制列表的显示位置，应用CSS等。

Answer 2

您可以document.write()将其打印到页面上。

＆＃13;

    function printFollowers(followersSum) {
      followersSum = document.getElementById('printFollower').innerHTML
      console.log(followersSum); // you can do print followersSum wherever you want
      document.write(followersSum);
    }

    printFollowers();

＆＃13;

<div id="printFollower">1</div>

＆＃13;

Answer 3

我建议你使用＆＃39; document.write＆＃39;

＆＃13;

function printFollowers(followersSum) {
  document.write(followersSum);
}
printFollowers(prompt("Write some text"));

＆＃13;

这会将文本直接打印到DOM而不是控制台。有关文档的更多信息，请check out the docs

Answer 4

更改文档中某些元素的文本内容

function printFollowers(followersSum) {
  document.getElementById('myId').textContent = followersSum;
  console.log(followersSum); // you can do print followersSum wherever you want
}

var followersSum = 0;
printFollowers("followersSum = " + followersSum);

<div id="myId" />

在HTML上打印console.log

4 个答案: