Как подчеркнуть строку через JavaScript?

Question

Я работаю над проектом с участием Javascript, и мне нужна строка, которая будет подчеркнута. Код имеет слово «Дата» перед текущей датой (представленной переменной now). Текущая дата должна быть подчеркнута, а не слово «Дата».

Это код, я использую:

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

Как я могу это сделать?

Answer 1

Когда что-то с идентификатором "дата" найдено ...

Использование CSS для презентации:

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

Кроме того, обратите внимание, что не должно быть никакого дублирования id с. Так что, если есть несколько date элементов в одной и той же странице, используйте class вместо и стиль так:

.date {text-decoration: underline;} 

Просмотр