투케이2K

310. (javaScript) [자바스크립트] display none , block 사용해 컨테이너 표시 활성 및 비활성 처리 본문

JavaScript

310. (javaScript) [자바스크립트] display none , block 사용해 컨테이너 표시 활성 및 비활성 처리

투케이2K 2023. 7. 24. 19:43

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : JavaScript

 

[소스 코드]

 

        // [html 최초 로드 및 이벤트 상시 대기 실시] 
        window.onload = async function() {
            console.log("");
            console.log("=========================================");
            console.log("[window onload] : [start]");
            console.log("=========================================");
            console.log(""); 

            // [객체에 선언된 ID 지정]
            var container = document.getElementById("image_container");

            // [설정된 display 값 체크 실시]
            if (container.style.display == "none"){ // [비활성 인 경우]
                container.style.display = "block"; // [활성 처리]
            }
            else { // [활성인 경우]
                container.style.display = "none"; // [비활성 처리]
            }

        };

 

반응형
저작자표시

'JavaScript' 카테고리의 다른 글

312. (javaScript) [CryptoJS 라이브러리] - CryptoJS.enc.Hex 사용해 string to hex 변환 수행 실시  (0) 2023.07.24
311. (javaScript) [CryptoJS 라이브러리] - CryptoJS.enc.Base64 사용해 base64 인코딩 및 디코딩 수행  (0) 2023.07.24
309. (javaScript) [lodash 라이브러리] - startsWith 사용해 특정 문자열로 시작하는지 확인  (0) 2023.05.17
308. (javaScript) [lodash 라이브러리] - upperCase 사용해 입력 된 string 문자열 대문자로 변경 수행  (0) 2023.05.16
307. (javaScript) [lodash 라이브러리] - lowerCase 사용해 입력 된 string 문자열 소문자로 변경 수행  (0) 2023.05.16
'JavaScript' Related Articles more
Comments