728x90 반응형 프로그래밍 언어/JS34 HTML/CSS/Javascript) 자바스크립트에서 CSS style 조절하기 CSS style을 자바스크립트를 통해 직접 줄 수 있다 document.querySelector('선택자').style.background = 'black'; // css의 z-index 등은 자바스크립트의 카멜 표기법으로 표현해주면 된다 document.querySelector('선택자').style.zIndex = 9999; 2021. 4. 2. HTML/CSS/JS) 영상 및 이미지 화면 크기에 맞게 (width: 100%) 영상이나 이미지를 조절하다보면 원본의 비율에 맞추어 자동으로 조정되는 현상이 있다 div로 담을 영역을 생성 후 컨텐츠를 넣는다 (width: 100%;) 컨텐츠에 object-fit: cover; 속성, 값 추가 ( 자바스크립트 이벤트 리스너로 화면에 크기에 맞춰주는 함수 사용 const changeHandler = () => { console.log(window.innerHeight); document.querySelector(".video > video").style.height=String(window.innerHeight)+"px"; }; window.addEventListener("resize", changeHandler); 2021. 4. 1. Javascript - 함수의 인자가 없을 때의 예외 처리 인자를 받는 함수 선언 후 받을 인자가 없을 때의 예외 처리 undefined 로 비교하면 된다 function a (n){ if(n == undefined){ n = 0; // n이 없을 때 } else{ console.log(n) // n 이 있을 때 } } 2021. 3. 25. Javascript - 배열 배열이란 여러 자료를 연속된 메모리 영역에 저장하여 하나의 자료처럼 참조 가능 문자열도 배열중 하나이다 자바스크립트에서는 문자열이 기본 자료형에 포함되어있다 형식 : 변수명 = [자료1, 자료2...]; 배열 함수 push() : 배열에 새로운 값 추가 length() : 배열의 길이 출력 2021. 3. 23. 이전 1 ··· 5 6 7 8 9 다음 728x90 반응형