How to underline string via JavaScript?

Question

I am working on a project involving Javascript and I need a string to be underlined. The code has the word "Date" in front of the current date (represented by the variable now). The current date needs to be underlined, not the word "Date".

This is the code I am using:

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

How can I do this?

Praveen Kumar Purushothaman · Accepted Answer · 2016-12-24 17:08:49Z

4

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

Use CSS for presentation:

#date {text-decoration: underline;}

Snippet

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>

Also, please note, there should not be any duplication of ids. So if there are multiple date elements in the same page, use class instead and style this way:

.date {text-decoration: underline;}

Preview

edited Dec 24, 2016 at 17:08

answered Dec 24, 2016 at 16:48

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

14 Comments

Christian Sirolli Over a year ago

One issue. The entire string is underlined if you do it this way. I want just the date underlined, not "Date" and the date.

Praveen Kumar Purushothaman Over a year ago

@AChildofGod You have to enclose the Date inside, say <u> tag?

Christian Sirolli Over a year ago

I am also using a span tag with an ID of "date" to display it. It works. Had I wanted the entire string to be underlined, I wouldn't be asking a question. I could easily style it with the span tag.

Praveen Kumar Purushothaman Over a year ago

@AChildofGod Change your code to: .innerHTML = "<u>Date</u> " +

Praveen Kumar Purushothaman Over a year ago

@AChildofGod You are using full line without any differentiation to the Date. See the above comment and try changing your code accordingly.

|

Collectives™ on Stack Overflow

How to underline string via JavaScript?

1 Answer 1

14 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

14 Comments

Your Answer

Sign up or log in

Post as a guest

Related