Javascript 设置JS变量的样式

这是我找到的一些代码，它工作得很好。我的问题是如何设计其中一个写着“圣诞节”的部分。假设我想让它变成红色或绿色，而倒计时的其余部分的样式来自下面的css“输入”

//更改下面的文本以反映您自己的内容， 圣诞节之前！ var current=今天是圣诞节。圣诞快乐！ var montharray=新阵列一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月 函数倒计时，m，d{ 年份=年； 月=m； 天=天 var today=新日期 var today=today.getYear 如果今天<1000 今天+=1900 var todaym=today.getMonth var todayd=today.getDate var todayh=today.getHours var todaymin=today.getMinutes var todaysec=today.getSeconds var todaystring=montharray[todaym]++todayd+，+todaydy++todaydh+：+todaymin+：+todaysec 未来字符串=蒙塔雷[m-1]++d+，+yr dd=Date.parsefuturestring-Date.parsetodaystring dday=Math.floordd/60*60*1000*24*1 dhour=Math.floordd%60*60*1000*24/60*60*1000*1 dmin=Math.floordd%60*60*1000*24%60*60*1000/60*1000*1 dsec=Math.floordd%60*60*1000*24%60*60*1000%60*1000/1000*1 如果dday==0&&dhour==0&&dmin==0&&dsec==1{ document.forms.count.count2.value=当前 回来 }否则 document.forms.count.count2.value=仅剩下+dday+天、+dhour+小时、+dmin+分钟和+dsec+秒，直到+之前 设置超时倒计时年、月、日、1000 } //使用年/月/日格式输入倒计时日期 倒数2016年12月25日 输入{ 位置：绝对位置； 顶部：135px； 宽度：1000px； 文本对齐：居中； 颜色：21247A； 边界：无； 字体系列：“开放式Sans”，无衬线； 字体大小：20px； 背景色：rgba255、255、255、0.0； } 尝试使用p标签

在圣诞节之前像var一样声明var

//更改下面的文本以反映您自己的内容， 圣诞节之前！ var current=今天是圣诞节。圣诞快乐！ var montharray=新阵列一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月 函数倒计时，m，d{ 年份=年； 月=m； 天=天 var today=新日期 var today=today.getYear 如果今天<1000 今天+=1900 var todaym=today.getMonth var todayd=today.getDate var todayh=today.getHours var todaymin=today.getMinutes var todaysec=today.getSeconds var todaystring=montharray[todaym]++todayd+，+todaydy++todaydh+：+todaymin+：+todaysec 未来字符串=蒙塔雷[m-1]++d+，+yr dd=Date.parsefuturestring-Date.parsetodaystring dday=Math.floordd/60*60*1000*24*1 dhour=Math.floordd%60*60*1000*24/60*60*1000*1 dmin=Math.floordd%60*60*1000*24%60*60*1000/60*1000*1 dsec=Math.floordd%60*60*1000*24%60*60*1000%60*1000/1000*1 如果dday==0&&dhour==0&&dmin==0&&dsec==1{ document.getElementById'text'.innerHTML=current 回来 }否则 document.getElementById'text'.innerHTML=只剩下+dday+天、+dhour+小时、+dmin+分钟和+dsec+秒，直到+之前 设置超时倒计时年、月、日、1000 } //使用年/月/日格式输入倒计时日期 倒数2016年12月25日 p{ 位置：绝对位置； 顶部：135px； 宽度：1000px； 文本对齐：居中； 颜色：21247A； 边界：无； 字体系列：“开放式Sans”，无衬线； 字体大小：20px； 背景色：rgba255、255、255、0.0； }

---

除非另有要求，否则我会将其从a移到a。这就是我所做的，还有包装圣诞节！在跨度和样式中

如果您尝试将标记与HTML一起使用，它将无法正常工作，因为标记不会呈现为HTML，而是文本

//更改下面的文本以反映您自己的内容， var before=‘圣诞节！’ var current=今天是圣诞节。圣诞快乐！ var montharray=新阵列一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月 var容器=document.querySelector'.countdown'； 函数倒计时，m，d{ 年份=年； 月=m； 天=天 var today=新日期 var today=today.getYear 如果今天<1000 今天+=1900 var todaym=today.getMonth var todayd=today.getDate var todayh=today.getHours var todaymin=today.getMinutes var todaysec=today.getSeconds var todaystring=montharray[todaym]++todayd+，+todaydy++todaydh+：+todaymin+：+todaysec 未来字符串=蒙塔雷[m-1]++d+，+yr dd=Date.parsefuturestring-Date.parsetodaystring dday=Math.floordd/60*60*1000*24*1 dho ur=Math.floordd%60*60*1000*24/60*60*1000*1 dmin=Math.floordd%60*60*1000*24%60*60*1000/60*1000*1 dsec=Math.floordd%60*60*1000*24%60*60*1000%60*1000/1000*1 如果dday==0&&dhour==0&&dmin==0&&dsec==1{ container.innerHTML=当前 回来 }否则 container.innerHTML=只剩下+dday+天、+dhour+小时、+dmin+分钟和+dsec+秒，直到+之前 设置超时功能{ 倒计时年、月、日； }, 1000 } //使用年/月/日格式输入倒计时日期 倒数2016年12月25日 .倒计时{ 位置：绝对位置； 顶部：135px； 宽度：1000px； 文本对齐：居中； 颜色：21247A； 边界：无； 字体系列：“开放式Sans”，无衬线； 字体大小：20px； 背景色：rgba255、255、255、0.0； } .倒计时.一天{ 颜色：绿色； }

---

您可以像这样添加一个HTML标记

     document.getElementById("divElementforChristmas").innerHTML = "<h1 class='ChristmasColorClass'>+before+</h1>";

---

通常这会很容易，因为你的文本显示在一个输入标签中，我不相信只给部分文本上色是可能的。这有什么原因吗？为什么不使用一个？然后你可以用一个字母和相应的样式来包装文本的一部分，它不必是任何东西。如果有更好的方法达到我的目标，请让我知道！我会把“span”标记放在JS中的“var”声明中吗？你只是复制/粘贴代码，但你理解吗？我理解代码，只是问我是否可以在声明变量时设置它的样式，根据下面的答案，情况确实如此。好吧，那么我可以直接在变量声明中设置它的样式？这就是我需要知道的全部。谢谢试试这个款式class='color:red；'请参阅更新的答案。直接使用var@scott.schaffer请注意，您不能更改变量，也不能更改元素，也就是说，请继续使用。此外，FWIW、size和name不是a的有效属性。谢谢！我很感激你的回答。为什么你要用h1来表示字符串的日部分呢？在绝大多数情况下都是理想的。我使用h1，因为h1s字体大小比默认文本大小大，所以如果他不设置样式，至少他可以看到圣诞节前和现在之间的区别。你选择的语义完全错误。是一个顶级标题，应该简要描述它介绍的部分的主题。圣诞这个词！在本上下文中不是标题。您不应该基于浏览器的默认视觉呈现来使用什么元素。基于它对内容的描述程度。如果您有文本段落，并且希望在每个段落周围都有一个边框，那么默认情况下，您会使用字段集来代替？不，段落不是字段集。CSS用于进行风格更改/选择，而不是HTML。

    document.createElement("h1")