学习JavaScript时设置theDate变量居中样式无效，该如何解决？

你编写的CSS规则#theDate是ID选择器，只会匹配页面中id属性为theDate的HTML元素。但你代码里的theDate只是JavaScript中存储日期字符串的普通变量，直接用document.write(theDate)只会把纯文本内容输出到页面，没有给这段文本包裹对应ID的元素，所以你的样式规则找不到生效对象，自然不会生效。

修改JavaScript代码中最后输出的逻辑，给日期字符串套上id为theDate的块级元素即可，比如用div标签：
将原代码最后一行的

document.write(theDate);

替换为：

document.write('<div id="theDate">' + theDate + '</div>');

• 你当前使用的getYear()方法早已被JavaScript标准废弃，建议直接使用getFullYear()直接获取四位年份，不需要额外做小于1900的兼容判断，对应代码可以简化为var jaar4 = nu.getFullYear();

内容的提问来源于stack exchange，提问作者Marie