CSS规则没有'；t在执行JavaScript时应用任何效果

我是一个网络新手，现在我在学习JS。 我有一个简单的脚本要执行：

<script language="javascript">
var getDate = function() {
    var doc = document.getElementById("demo");
    doc.innerHTML = Date();
}
</script>

var getDate=函数（）{
var doc=document.getElementById（“演示”）；
doc.innerHTML=日期（）；
}

这个CSS规则用于显示脚本的标签：

<style type="text/css">
.cstyle {
    font-family: "Comic Sans MS", cursive;
}
</style>

.cstyle{
字体系列：“漫画无MS”，草书；
}

在我的文档中，我有一个触发脚本的按钮

<p id="demo"><span class="cstyle">Result.</span></p>
<button type="button" onClick="getDate()">Display Data</button>

结果

显示数据 加载文档时，“结果”以“Comic Sans”字体显示。但是，当鼠标单击时，日期将以默认字体显示。这种行为是异常的，因为脚本执行结果也需要用“Comic Sans”字体显示。我怎样才能解决这个问题

---

---

[Upd.]抱歉，有一点小错误，这是

doc.innerHTML=Date（）而不是
doc.innerHTML=arr.toString（）
您的样式位于
元素上。当您使用ChangeinnerHTML时，
元素将被文本替换。您需要将代码更新为以下内容：

HTML:

您的样式位于
元素上。当您使用ChangeinnerHTML时，
元素将被文本替换。您需要将代码更新为以下内容：

HTML:

这是因为在类为
.cstyle
的元素上应用了
字体系列：“Comic Sans MS”，即草书。单击该按钮时，您正在更换

<span class="cstyle">Result.</span>

您甚至可以保留
元素，在本例中不需要该元素

<p id="demo" class="cstyle">Result.</p>
<button type="button" onClick="getDate()">Display Data</button>

结果
显示数据
这是因为您在类为
.cstyle
的元素上应用了
字体系列：“Comic Sans MS”，草书。单击该按钮时，您正在更换

<span class="cstyle">Result.</span>

您甚至可以保留
元素，在本例中不需要该元素

<p id="demo" class="cstyle">Result.</p>
<button type="button" onClick="getDate()">Display Data</button>

结果
显示数据
不幸的是，您将span替换为cstyle，而只是日期。请记住，您已经选择了p with id demo来插入结果，因此您只需使用innerHTML替换其html即可。如果该段落也有cstyle类，那么一切都会好起来。
不幸的是，您正在用cstyle替换span，而只是用日期。请记住，您已经选择了p with id demo来插入结果，因此您只需使用innerHTML替换其html即可。如果该段落还有cstyle类，那么一切都会好起来。
如果有疑问，请在浏览器控制台中查看live html视图中的元素，将看到应用的结构和所有css规则如果有疑问，请在浏览器控制台中查看live html视图中的元素，将看到应用的结构和所有css规则
<p id="demo" class="cstyle">Result.</p>
<button type="button" onClick="getDate()">Display Data</button>