innerHTML의 밑줄 부분

Question

나는 다음 10 일간의 날짜를 표시하는 테이블을 구축 중입니다. 날짜, 월, 일을 테이블에 삽입해야합니다. 다른 값을 내가 달을 강조 할

있지만 :

document.getElementById(i).innerHTML = weekday + " " + date + " " + month + " " + year; 

내 문제 :이이 자바 스크립트 코드를 사용하고 있습니다. 어떻게 해결할 수 있습니까? 나는 이미 변수와 함께 CSS 클래스를 제공하려했지만 꽤 열심히 실패했다.

자세한 내용이나 코드가 필요하면 질문하십시오. 이것은 여기에 게시하는 첫 번째 시간이고 자바 스크립트 만 한 달 정도입니다.

Answer 1

과의 그것을 스타일. 주어진 클래스로 <span>에 포장 한 다음 스타일 시트를 통해 스타일을 적용하십시오. 오히려 특정 태그 또는 인라인 스타일보다, 의미 론적 클래스를 사용

document.getElementById(i).innerHTML = weekday + " " 
             + date 
             + " <span class='month'>" + month + "</span> " 
             + year; 

스타일

.month { text-decoration: underline; } 

, 당신은 쉽게 오히려 업데이트하는 것보다 전 세계적으로 디스플레이의 이러한 유형의 스타일을 변경할 수 있습니다 스타일링이 일어나는 각 개별 장소.

EDIT : 분명히 응용 프로그램을 가장 잘 알고 있지만, 링크를 사용하거나 컨벤션이 (일부 제목과 같이) 사용되어야한다는 것을 제외하고는 밑줄이 표시되지 않습니다. 브라우저에서 밑줄을 긋는 것은 일반적으로 클릭 가능한 링크라는 것을 전달하기 때문에 사용자에게는 매우 혼란 스러울 수 있습니다. 그건 네가 여기서하려는 일이 아닌 것 같아.하지만 내가 틀릴 수도있어.

Answer 2

하지 우아한 해결책은하지만, 단지 작동합니다

document.getElementById(i).innerHTML = weekday + " " + date + " <span style='text-decoration: underline;'>" + month + "</span> " + year; 

Answer 3

은 왜 그냥 innerHTML을 당신이 HTML을 넣을 수 있음을 의미하기 때문에이 마크 업주지 않는다.

document.getElementById(i).innerHTML = weekday + " " + date + " <u>" + month + "</u>" + year; 

난 그냥

Answer 4

당신은 HTML을 <u> 태그를 사용하여이를 달성 할 수 밑줄 태그를 :) 사용했다. 예를 들어 :

document.getElementById(i).innerHTML = weekday + " " + date + " <u>" + month + "</u> " + year; 

다음은 위의 방법>http://jsfiddle.net/vuS4B/

를 사용하는 예입니다 그러나 당신이이 <span> 요소를 사용하여이 작업을 수행하고, 스팬에 CSS 클래스를 추가하는 것이 더 좋을 수 있습니다. 이런 식으로 뭔가 :

document.getElementById(i).innerHTML = weekday + " " + date + " <span class='underline'>" + month + "</span> " + year; 

그리고 관련 CSS :

span.underline { text-decoration: underline; } 

다음은 jsFiddle> 당신은 요소의 부분에 의미를 부여하는 CSS 클래스를 사용 하시겠습니까 http://jsfiddle.net/vuS4B/1/