Question

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

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

有什么想法吗？

注意：根据评论对问题进行了一些更改。

diff

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>

Javascript：样式化添加到document.write（）的内容

1 个答案: