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

Question

我正在做一个涉及 Javascript 的项目，我需要一个带下划线的字符串。该代码在当前日期（由变量 now 表示）前面有单词 "Date"。当前日期需要加下划线，而不是单词 "Date".

这是我使用的代码：

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;}

预览

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

How to underline string via JavaScript?

javascript

string

underline