Javascript:使用 document.write() 添加样式内容

Question

我想在调用 document.write() 时设置添加到我页面的文本内容的样式。

如您所见，我有一个简单的函数来声明两个日期之间的数字，但是我不知道如何将自定义 CSS 样式应用于我写入文档的天数(即通过 diff 变量)。

有什么想法吗？

注意:根据评论稍微修改了问题。

function Cas420() {
  var start = new Date("Febuary 1,2018 ");
  end = new Date();
  diff = 0;
  days = 1000 * 60 * 60 * 24;

  diff = end - start;
  var dny = Math.floor(diff / days)
  document.write(dny)
}
Cas420();

Answer 1

如果我正确理解您的问题，那么您可以将样式应用于显示 dny 值的文本通过将该文本包装在一个元素中(即 <span> )，然后为该元素设置样式，如下所示:

<script>
  function Cas420() {
    var start = new Date("Febuary 1,2018 ");
    end = new Date();
    diff = 0;
    days = 1000 * 60 * 60 * 24;

    diff = end - start;
    var dny = Math.floor(diff / days)

    // Create span element to wrap "dny"
    var span = document.createElement("span");
    
    // Apply styles to span
    span.style.color = 'red';
    span.style.fontWeight = 'bold';
    
    // Set text of span element to "dny"
    span.innerText = dny;

    // Add span to document body
    document.body.append(span);



  }
</script>

<script>
  Cas420();
</script>