如何在javascript中更改文本的颜色？

Question

我写了一个显示日期的javascript代码。我该如何改变颜色？

Answer 1

您需要将文本放在单独的元素中，然后更改元素的color CSS属性。

使用jQuery最简单：

<span id="date">Please enable JavaScript</span>

$('#date').text(new Date().toString()).css('color', 'red');

但是，您可能希望使用纯CSS：

（在head标签中：）

<style type="text/css">
    #date {
        color: red;
    }
</style>    

Answer 2

您可以使用element.style属性设置显示日期的元素的内联CSS属性：

var el = document.getElementById('elementId');
el.innerHTML = date; // set the text
el.style.color = '#ff0000'; // set the text color

或者您可以通过编程方式应用CSS类：

el.className = 'yourclass';