css파일로 적용시킨 style을 javascript에서 변경하는 방법

Question

제목 그대로입니다.css파일로 적용되어있는 테이블이 있는 페이지에서 특정 값이 들어오면 해당 tr을 설정한 색으로 변경해야합니다..css(&#34;background-color&#34;,&#34;#A6A6A6&#34;);이런식으로 javascript에서 지정을 해주니 특정 값을 보내도 아무런 반응이 없었습니다.다른방법으로 제어할 수 있는 방법이 있나요?

초코쪼꼬 · Accepted Answer

.css("background-color","#A6A6A6");이런 액션을 하는 class를 지정하고 style tag에 넣어줍니다. 이렇게 한다음에 해당 tag에 addClass만 해주면 될거 같네요.

OKKY · Answer

<OKKY Q&A 원칙>태그는 꼭 2개 이상 달아주세요. *참고 : OKKY Q&A 운영 안내 (https://okky.kr/article/423650)

onimusha · Answer

.css({'background':'#A6A6A6'}); //으로 해보세요 - 수정

포포핀 · Answer

셀렉트만 제대로 됐다면 잘 될텐데요

닐리 · Answer

onimushaㅠㅠ 그래도 변함이 없네요

onimusha · Answer

$('셀럭터가 tr을 제대로 뽑아오게끔 했는지').css('확인해보세요')

닐리 · Answer

onimusha 포포핀 셀렉터가 값을 정상적으로 뽑아오는건 이런식으로 확인이 가능합니다.자세히 보시면 1,3,5 tr은 흰색 2,4 tr은 약간 회색상태에서 5번tr에 맞는 값을 주면 저런식으로 변경이됩니다.하지만 2,4 tr에 해당하는 값을 던져주면 진한 회색으로 변경되지 않고 그대로 있습니다.

비둘기야밥먹장 · Answer

코드가 궁금한데.. 구경할수있을까요?

닐리 · Answer

비둘기야밥먹장외부로 나가면 안되는 코드여서요 ㅠㅠ

닐리 · Answer

수송대원 '-'ㆀaddClass를 해서 변경을 해도 정상적으로 처리가 안되네요 ㅠㅠㅠ기존에 있는 css파일을 손봐야되는모양이네요퍼블리셔가 작업해준 내용이라 어떤내용인지 잘 모르기도 하구요답변 감사합니다.

초코쪼꼬 · Answer

!impotant로도 안뚫린다면.. 이건 개발자도구에서 스타일이 우선순위가 뭐가 먼저인지를 분석해봐야 할 거 같네요.

닐리 · Answer

수송대원 '-'ㆀ결국에는 css에 별도로 다른 클래스를 주고 값 받아서 처리하는 페이지만 테이블 색을 안입혀놨습니다 ㅎㅎ..답변감사합니다.

css파일로 적용시킨 style을 javascript에서 변경하는 방법

12개의 답변

Q&A 목록