js 날짜 확인 해서 css값 변경하는 방법???

Question

js로 날짜를 받아와서 만약 1일 이라면 day1의 css값에 color:#000000;2일 이라면 day2의 css 값에 color:#000000;을 주고 싶습니다도움 주시면 감사하겠습니다

하얀고슴도치236 · Accepted Answer

JS로 날짜를 받아오는건 new Date 라는 내장 함수를 통하여 가능합니다. 그중 getDate 라는 함수를 통하여 "일" 을 받아올수있습니다.JS로 DOM 의 CSS color 를 조절하는건selecter.style.color 를 통하여 가능합니다.이를 정리하여 코드로 구현하면 아래와 같습니다.var date = new Date();

var day = date.getDate();

console.log(day) // 26

if( day == 1 ){

// day1의 css 변경

// day이 class 이름이라는 가정

document.querySelector('.day1').style.color = "#000000"

}else if( day == 2 ){

// day2 의 css 변경

// day이 class 이름이라는 가정

document.querySelector('.day1').style.color = "#000000"

}

참신한해파리1 · Answer

날짜 인스턴스에서 getDate() 함수를 호출하면 몇일인지 날짜가 나옵니다.const d = new Date()
const date = d.getDate()그리고 속성을 변화시킬 엘리먼트에element.addClass('date-'+ d)이렇게 클래스를 추가합니다.그리고 css파일에는 .date-1 {
  color: #000000;
}
.date-2 {
  color: #000000;
}
.date-3 {
  color: #000000;
}
// ... 계속 추가위와 같이 작성하면 css로 지정한 속성대로 날짜에 따라 색상이 바뀌게 될겁니다.

프알못 · Answer

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 id가 'day' + (현재날짜)인 요소를 말씀하신 거라면 이렇게 하시면 됩니다.

생활꿀팁

생활꿀팁

js 날짜 확인 해서 css값 변경하는 방법???