如何通过JavaScript为字符串加下划线?

时间:2016-12-24 16:46:42

标签: javascript string underline

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

这是我正在使用的代码:

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

我该怎么做?

1 个答案:

答案 0 :(得分:3)

  

当ID为" date"被发现......

使用 CSS 进行演示:

#date {text-decoration: underline;}

<强>段

&#13;
&#13;
var now = new Date();
document.getElementById('date').innerHTML = "Date <span>" + (now.getMonth()+1)+ "/"+ now.getDate()+ "/"+ now.getFullYear() + "</span>";
&#13;
#date span {
  text-decoration: underline;
}
&#13;
<div id="date"></div>
&#13;
&#13;
&#13;

另外,请注意,id不应该有任何重复。因此,如果同一页面中有多个date元素,请使用class代替并按照这种方式设置:

.date {text-decoration: underline;}

预览

preview