JavaScript [JavaScript] 자바스크립트 DIV 보이기, 숨기기(토글)

2024.05.16 21:49

졸리운_곰 조회 수:501

[JavaScript] 자바스크립트 DIV 보이기, 숨기기(토글)

1. 일반적인 방법

<script>

document.getElementById("test").style.display = "none"; ==> 숨기기

document.getElementById("test").style.display = "block"; ==> 보이기

</script>

<html>

<div id ="test" style ="display:none"> : 숨기기

<div id ="test" style ="display:block"> : 보이기

</html>

2. jquery를 이용한 방법

<script>

$("#test").hide(); ==> 숨기기

$("#test").show(); ==> 보이기

</script>

[출처] https://esckey.tistory.com/66

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

번호	제목	글쓴이	날짜	조회 수
34	[javascript] React - Apache에 배포하기	졸리운_곰	2026.01.25	444
33	Python으로 GraphQL 서버 구현	졸리운_곰	2019.12.17	541
32	처음 만나는 GraphQL	졸리운_곰	2019.12.17	371
31	웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [2]	졸리운_곰	2019.11.08	581
30	웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [1]	졸리운_곰	2019.11.08	411
29	PHP 로 css/js 보호하기	졸리운_곰	2019.11.08	437
28	Three.js를 이용한 WebGL: 기본	졸리운_곰	2019.11.08	495
27	underscore.js로 편해지자	졸리운_곰	2018.10.16	545
26	자바스크립트로 각종 값넘기는방법	졸리운_곰	2018.01.24	518
25	form 데이터 주고 받기	졸리운_곰	2018.01.24	489
24	Node.js & WebSocket — Simple chat tutorial	졸리운_곰	2017.12.08	612
23	JavaScript 모듈화 도구, webpack	졸리운_곰	2017.10.30	537
22	웹팩이란?	졸리운_곰	2017.10.30	531
21	이해하기 쉬운 Webpack 가이드	졸리운_곰	2017.10.30	853
20	[jquery] Ajax를 품은 jQuery	졸리운_곰	2017.04.25	466
19	Create Your First Mobile App with AngularJS and Ionic	졸리운_곰	2016.11.20	1269
18	Single Page Application using AngularJs Tutorial	졸리운_곰	2016.11.20	458
17	AngularJS Tutorial - Building a Web App in 5 minutes	졸리운_곰	2016.11.20	460
16	자바스크립트의 'this' 키워드 이해하기	졸리운_곰	2016.11.17	634
15	jQuery 핵심 - 노드 다루기	졸리운_곰	2016.11.17	774

첫 페이지 1 2 끝 페이지

쓰기