[趣味代码] 网站单天发布文章日期颜色为红色代码

<div id="datestyle">
这里是日期
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
</div>
<!--把<span>12-2</span>改成当天日期有效还有id="datestyle"-->
<script language="javascript">
//感谢Care4
function jscheckdate(){
var obj = document.getElementById("datestyle");
var obj = obj.getElementsByTagName("span");
for(i=0;i<obj.length;i++)
{
var d1 =newDate(newDate().getYear()+'/'+obj[i].innerHTML.replace(/-/g,'/'));
var d2 =newDate(newDate().getYear(),newDate().getMonth(),newDate().getDate());
if(Date.parse(d1)>=Date.parse(d2)&&Date.parse(d1)-Date.parse(d2)<6){
				obj[i].innerHTML ="<font color=\"red\">"+obj[i].innerHTML+"</font>";
}
}
}
jscheckdate();
</script>

代码拆解

找到你的日期代码<span>前面的<div>框架标签

类似

<div>
这里是日期
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
</div>

再div标签里加入空格后面加入

id="datestyle"

这一个框架内所有的时间内容都加颜色在这里注意的是如果你在以《/div》结束下面的框架后下面的日期将无法加颜色比如

<div>
<div id="datestyle">
<span>12-2</span>//这里有颜色
<span>12-2</span>
</div>
<span>12-2</span>这里没有
<span>12-2</span>
<span>12-2</span>
</div>

一个框架内即可实现