在javascript中更改日期函数输出的颜色

在javascript中更改日期函数输出的颜色,javascript,Javascript,我有下面的代码来获取点击按钮的日期和时间。我想获得不同颜色的输出。需要做什么更改 <!DOCTYPE html> <html> <head> <script> function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script> </head> <body> <h1>My First JavaSc

我有下面的代码来获取点击按钮的日期和时间。我想获得不同颜色的输出。需要做什么更改

<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">click on the button bellow.....</p>

<button type="button" onclick="displayDate()">Display Date</button>

</body>
</html> 

函数displayDate()
{
document.getElementById(“demo”).innerHTML=Date();
}
我的第一个JavaScript

单击下面的按钮

显示日期
尝试使用
object.style.color
文档,因此在您的情况下

<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
document.getElementById("demo").style.color = "red";
}
</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">click on the button bellow.....</p>

<button type="button" onclick="displayDate()">Display Date</button>

</body>
</html> 

函数displayDate()
{
document.getElementById(“demo”).innerHTML=Date();
document.getElementById(“演示”).style.color=“红色”;
}
我的第一个JavaScript

单击下面的按钮

显示日期
?需要的是学习CSS(颜色应该来自CSS)。嘿,你为什么这么粗鲁?我是javascript的初学者。我正在努力学习。。thanks@mangus当前位置我没有粗鲁,只是说实话。如果你不学习CSS,明天你会有另一个关于布局/外观的基本问题,而不理解它为什么会工作。在不知道CSS的情况下用JavaScript进行布局就像做一个剑客般的手术:知道如何切割,却完全不知道在哪里切割。