javascript - 如何通过JavaScript给字符串加下划线？

Question

我正在开发一个涉及 Javascript 的项目，我需要一个字符串加下划线。该代码在当前日期前面有“Date”一词(由变量 now 表示)。当前日期需要加下划线，而不是“日期”一词。

这是我正在使用的代码:

var now = new Date();
document.getElementById('date').innerHTML = "Date " + (now.getMonth()+1)+ "/"+ now.getDate()+ "/"+ now.getFullYear();

我该怎么做？

Answer 1

When something with the ID of "date" is found...

使用CSS进行演示:

#date {text-decoration: underline;}

片段

var now = new Date();
document.getElementById('date').innerHTML = "Date <span>" + (now.getMonth()+1)+ "/"+ now.getDate()+ "/"+ now.getFullYear() + "</span>";

#date span {
  text-decoration: underline;
}

<div id="date"></div>

另外，请注意，id 不应有任何重复。因此，如果同一页面中有多个 date 元素，请使用 class 并按以下方式设置样式:

.date {text-decoration: underline;}

预览