자바스크립트5 32일차 복습 JS로 문서 객체 속성 변경 getAttribute() : 입력된 객체의 속성값을 가져오는 함수 setAttiribute( a, b ) : 호출된 객체의 a 속성값을 b로 변경하는 함수. ex) 이미지 변경하기 function changeImg() { let img = document.getElementById("img"); // img태그 선택 let imageName = img.getAttribute('src'); // img태그의 src속성 선택 img.setAttribute('src', 'bananas.png'); // src태그 변경( 이미지 변경 ) }; JS로 클래스 이름 설정하기 방법 1. 설정하고자 하는 태그를 선택한다. 2. .classList로 해당 태그의 클래스 이름을 받아온다. 3.. 2022. 12. 28. 32일차 복습 클릭 이벤트 처리 함수 1. onclick() 가장 일반적이며 간편하게 사용 가능한 함수다. 특정 요소가 클릭되었을때 호출되며, 버튼태그가 아니더라도 글자나 div태그 역시 적용 가능하다. 클릭하세요 이런 식으로 사용 가능하다. 만약 자바스크립트로 적용하고 싶다면 선택자를 통해 특정 태그를 선택해서 프로퍼티에 값을 할당해야 한다. 더보기 let h1 = document.getElementById('header1'); h1.onclick = () => { alert('H1 클릭됨.'); }; 위의 경우는 id선택자를 통해 h1태그를 선택해 onclick 프로퍼티에 익명 함수 값을 할당한 것이다. 2. addEventListener 대부분의 언어에 존재하는 addEventListener를 이용할 수 도 있다.. 2022. 12. 27. 31일차 복습-2 타이머 관련 함수 매개변수로 익명함수를 받는다. setTimeout () : 일정 시간후 한번 호출 let timer = setTimeout( () => { console.log("3초후 호출됨!") }, 3000 ); //타이머를 지울때 clearTimeout( timer ); setInterval() : 일정 시간마다 주기적 호출. //1초간격으로 수행되는 코드 var interval = setInterval( () => { console.log( Date() ) //HH:MM:SS console.log( new Date().toTimeString().split(' ')[0] ); //YYYY-MM-DD console.log( new Date().toISOString().split('T')[0] );.. 2022. 12. 26. 31일차 복습 - 1 함수 자바와 마찬가지로 입력값 유무, 리턴값 유무로 4가지 종류의 함수가 존재한다. 자바스크립트의 함수는 크게 두가지로 나눠진다. 1. 익명함수 변수에 함수를 저장한다. 사용하기 쉬워서 짧은 수행문을 수행하는 경우 쓴다. 단점) 호이스팅이 적용 안된다. *호이스팅* 함수를 한번이라도 만들면, 함수를 선언한 곳보다 위에서 함수를 호출할수 있게 하는 기능. 함수를 선언하면 자동적으로 코드의 가장 위로 올린다. 2. 일반함수 우리가 아는 일반적인 함수. 함수의 선언 방법 1. 일반함수 선언 function 함수이름 (파라미터){ 실행문; return 문; }; 2. 익명함수 선언(함수형 변수) let func = function(파라미터){ 실행문; return 문; }; 3. 화살표함수 선언 let func.. 2022. 12. 26. 이전 1 2 다음
