Comment souligner une chaîne via JavaScript?

Question

Je travaille sur un projet impliquant Javascript et j'ai besoin d'une chaîne à souligner. Le code a le mot "Date" devant la date actuelle (représentée par la variable now). La date actuelle doit être soulignée, pas le mot "Date".

C'est le code que je me sers:

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

Comment puis-je faire cela?

Answer 1

Quand quelque chose avec l'ID de "date" se trouve ...

Utilisez CSS pour la présentation:

#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>

, s'il vous plaît noter également, il ne devrait pas y avoir de chevauchement des id s. Donc, s'il y a plusieurs éléments date dans la même page, utilisez class à la place et le style de cette façon:

.date {text-decoration: underline;} 

Aperçu