2016-12-24 1 views
-1

Javascript와 관련된 프로젝트를 진행하고 있는데 밑줄을 그어야합니다. 코드의 현재 날짜 앞에 "날짜"라는 단어가 있습니다 (변수 now으로 표시). 현재 날짜는 "날짜"가 아니라 밑줄이 있어야합니다. JavaScript를 통해 문자열에 밑줄을 긋는 방법?

나는 코드를 사용하고 있습니다 :

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

내가 어떻게 할 수 있습니까? "일"의 ID 뭔가가 발견

답변

3

... 프리젠 테이션

사용 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; 
 
}
<div id="date"></div>
또한, id의의 중복이 안주의하시기 바랍니다.

.date {text-decoration: underline;} 

미리보기

preview

+0

한 가지 문제 : 같은 페이지에 date 요소를 여러 개있을 경우 그래서, 대신과 스타일이 방법을 class를 사용합니다. 이렇게하면 전체 문자열에 밑줄이 그어집니다. 나는 밑줄 친 날짜 만 원하고 "날짜"와 날짜는 원하지 않습니다. –

+0

@AChildofGod 내부에 'Date'를 넣어야합니다 (예 : )? –

+0

또한 "날짜"ID가있는 span 태그를 사용하여 표시합니다. 그것은 작동합니다. 전체 문자열에 밑줄을 긋고 싶으면 질문하지 않을 것입니다. span 태그로 스타일을 쉽게 지정할 수 있습니다. –

관련 문제