반응형 study66 함수 객체 *자바스크립트에서는 함수로 객체다. 함수의 기본 기능이 코드 실행뿐 아니라, 함수 자체가 일반 객체처럼 프로퍼티들을 가질수 있다. // 함수 선언 방식으로 add()함수 정의 function add(x, y) { return x + y; } // add() 함수 객체에 result, status프로퍼티 추가 add.result = add(3, 2); add.status = "OK"; console.log(result); //5 console.log(status); //"OK" 위처럼 함수 선언문 방식으로 add() 함수를 생성 후, 일반 객체처럼 result와 status 프로퍼티를 추가하는게 가능 add() 함수를 생성할 때 함수 코드는 함수 객체의 [[Code]] 내부 프로퍼티에 자동 저장 add().. 2020. 5. 25. Event - click 이벤트, mouseenter, mouseleave 이벤트 *많이 쓰는 Event 종류 이벤트 명 설명 click 클릭시 발생 change input 요소의 변동이 있을 때 mouseover 마우스가 특정 객체 위에 올려졌을 때 mouseout 마우스가 특정 객체 밖에 나갔을 때 mouseenter 마우스가 특정 객체 안에 들어왔을 때 mouseleave 마우스가 특정 객체에서 떠났을 때 *click html의 button태그에 있는 id명 submit에 적용. 문법 btn.addEventListener('click', function(){ }); --------------------------------------------- var btn = document.getElementById('submit'); btn.addEventListener('click', .. 2020. 5. 10. 스타일 변경하기 *요소가 하나일때 문법 변수명.style.color = '색상'; ---------------------------------------------------- 활용 var firstTitle = document.getElementById('title'); firstTitle.style.color = 'red'; *요소가 배열일때 (다수) - 반복문 사용 html에 paragraph가 다수가 있을경우 console.log로 확인해 보면 배열로 나온다. var paragraphs = document.getElementsByTagName('p'); console.log(paragraph); //콘솔 값 HTMLCollection [ 0: p, 1: p, 2: p, 3: p, length: 4 ] ------.. 2020. 5. 10. 선택자 ※주의 - id는 하나만 지정할 수 있으므로 Element에 's' 가 들어가지 않고 나머지는 여러게를 지정할 수 있으므로 (복수) Elements 에 's'가 들어간다. *id 선택 (getElementById('id명'); var firstTitle = document.getElementById('title'); console.log(firstTitle); *class 선택 (getElementsByClassName('class명'); var myList = document.getElementsByClassName('list'); console.log(myList); *tag 선택 (getElementsByTagName('tag명'); var paragraphs = document.getElement.. 2020. 5. 10. 이전 1 ··· 4 5 6 7 8 9 10 ··· 17 다음 반응형
