2026, 새로운 도약을 시작합니다.

특정 클래스의 div 스타일을 바꾸는게 가능할까요? 채택완료

9년 전 조회 9,467

id 의 경우

document.getElementById('DIV아이디').style.display='none';

이렇게 쉽게 해결이 되는데

id 가 아닌 class 로 하려니 잘 안되네요..

검색해보니깐 클래스 제어는 아이디랑 틀리다길래

document.getElementsByClassName('CLASS명').style.display='none';

이렇게 해봤는데도 무응답입니다.. 뭔가 방법이 없을까요?

이렇게 하고 싶은 이유는

견적서를 만들었는데 견적 미리보기시 특정 div 를 모두 감추고 싶어서 그렇습니다.

답변 2개

채택된 답변
+20 포인트

제이쿼리로 하면 간단하게 해결됩니다.

Copy
$(".클래스명").css("display","none");
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

답변 감사합니다. 근데 제이쿼리는 자바스크립트랑은 다른 개념인가요?
브라우저 특성을 타지는 않겠죠??
댓글보고 배웁니다. 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

document.getElementsByClassName('.CLASS명').style.display='none'; 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

재아님 위 방법으로 onclick 으로 했더니 무응답입니다 ㅠㅠ
혹시나 해서 글 적습니다.
document.getElementsByClassName('.CLASS명')[0].style.display='none';
이렇게 해야 작동될것입니다.
클래스는 배열로 id와 다르게 위와 같이 해야 작동이 될것입니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고