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

【问题标题】：How to underline string via JavaScript?如何通过 JavaScript 给字符串加下划线？
【发布时间】：2017-05-09 23:12:56
【问题描述】：

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

这是我正在使用的代码：

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

我该怎么做？

【问题讨论】：

标签： javascript string underline

【解决方案1】：

当找到 ID 为“日期”的东西时...

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

&lt;div id="date"&gt;&lt;/div&gt;

另外，请注意，ids 不应有任何重复。因此，如果同一页面中有多个 date 元素，请改用 class 并以这种方式设置样式：

.date {text-decoration: underline;}

预览

【讨论】：

一个问题。如果您这样做，则整个字符串都带有下划线。我只想要带下划线的日期，而不是“日期”和日期。
@AChildofGod 你必须把Date 括在里面，比如说<u> 标签？
我也在使用 ID 为“date”的 span 标签来显示它。有用。如果我想让整个字符串都加下划线，我就不会问问题了。我可以很容易地用 span 标签设置它的样式。
@AChildofGod 将您的代码更改为：.innerHTML = "<u>Date</u> " +
@AChildofGod 您正在使用完整的行，对日期没有任何区别。请参阅上面的评论并尝试相应地更改您的代码。