이전 목록 다음
채택완료

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

그그누초보님
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-07-03 (일) 17:16:24 10,214

id 의 경우

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

이렇게 쉽게 해결이 되는데

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

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

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

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

이렇게 하고 싶은 이유는

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

div class 감추기 javascript
|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트
인덱스웹
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-07-03 (일) 17:20:34

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

Copy 
<script>$(".클래스명").css("display","none");</script>

답변에 대한 댓글 2개

그누초보님
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-07-03 (일) 17:27:56
답변 감사합니다. 근데 제이쿼리는 자바스크립트랑은 다른 개념인가요?
브라우저 특성을 타지는 않겠죠??
godglee
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2022-02-28 (월) 08:34:17
댓글보고 배웁니다. 감사합니다.
재재아
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-07-03 (일) 17:22:00

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

답변에 대한 댓글 2개

그누초보님
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-07-03 (일) 17:27:14
재아님 위 방법으로 onclick 으로 했더니 무응답입니다 ㅠㅠ
oneit
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-01-10 (화) 23:52:35
혹시나 해서 글 적습니다.
document.getElementsByClassName('.CLASS명')[0].style.display='none';
이렇게 해야 작동될것입니다.
클래스는 배열로 id와 다르게 위와 같이 해야 작동이 될것입니다.

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